Projects

beberapa project yang pernah saya kerjakan

Kirim Push Notification dengan Firebase Cloud Messaging

Preview Google Oauth
Live Demo
Aplikasi SampleDonwload file APK
Github Repofirebase-fcm-api
Informasi
stack tech
  • Bun
  • Hono
  • Firebase
  • Typescript

Pada project kali ini kita kedatangan tentang cara kerja notifikasi pada aplikasi mobile. Saat masih awal membangun kita sengkali bingung bagaimana cara mengirim notifikasi ke aplikasi mobile kita secara realtime. Nah, pada project kali ini kita akan belajar bagaimana cara mengirim notifikasi ke aplikasi mobile menggunakan Firebase Cloud Messaging (FCM). sebuah layanan yang disediakan oleh google untuk mengirim notifikasi ke aplikasi mobile. baik itu android maupun ios.

Baik langsung saja kita mulai.

Introduction

Terdapat 2 metode dalam pengiriman notifikasi aplikasi mobile. yaitu menggunakan schedule (local notification) dan realtime (push notification). yang pertama Schedule, seperti namanya sistem schedule akan mengirim notifikasi pada waktu yang sudah di tentukan seperti halnya alarm, penjadwalan di kalender, dan lain sebagainya. kedua realtime, yang akan mengirim notifikasi secara langsung tanpa ada keterikatan waktu. jadi kita bebas kapan saja mengirim notifikasi ke aplikasi mobile kita.

Apa itu Firebase Cloud Messaging?

Firebase Cloud Messaging (FCM) adalah layanan notifikasi berbasis cloud yang dikembangkan oleh Google untuk memungkinkan pengiriman pesan dan notifikasi secara real-time ke aplikasi di berbagai platform, seperti Android, iOS, dan web. FCM memungkinkan pengembang untuk mengirimkan pesan baik secara individual ke perangkat tertentu maupun secara massal ke banyak pengguna sekaligus. Dengan fitur-fitur seperti topik berlangganan, pengelompokan target, dan integrasi dengan backend, FCM mempermudah komunikasi antara server dan aplikasi tanpa harus mengelola infrastruktur pesan secara manual. Layanan ini sangat berguna untuk meningkatkan keterlibatan pengguna melalui notifikasi push yang cepat dan andal.

Project Firebase Cloud Messaging

Dalam project ini kita akan belajar bagaimana cara mengirim notifikasi ke aplikasi android menggunakan firebase cloud messaging (FCM). disini saya tidak akan membahas bagaimana cara membuat aplikasi android nya, namun kita akan fokus pada bagaimana cara mengirim notifikasi ke aplikasi android tersebut melalui API yang akan kita bangun dengan nodejs.

Setup firebase-admin
Loading...
fokus kita disini adalah untuk mempersiapkan library serta file key yang di download dari firebase console. file key ini akan digunakan untuk menghubungkan aplikasi nodejs kita dengan firebase cloud messaging. untuk lebih jelasnya kalian bisa lihat di firebase-fcm-api.
function global notification
Loading...
pada function global notification ini kita akan membuat sebuah function yang akan digunakan untuk mengirim notifikasi ke semua user yang terdaftar pada topik yang sudah kita tentukan. pada function ini kita akan mengirimkan title, body, dan image (opsional) ke semua user.
function user notification
Loading...
pada function user notification ini kita akan membuat sebuah function yang akan digunakan untuk mengirim notifikasi ke user yang sudah kita tentukan. pada function ini kita akan mengirimkan token user yang sudah kita generate pada aplikasi android, title, body, dan image (opsional).
Aplikasi Firebase FCM
rangkaian sensor
Aplikasi Android

Untuk aplikasi android, kalian bisa download file APK yang sudah saya sediakan diatas. aplikasi sudah bisa digunakan langsung sebagai sample firebase fcm.

rangkaian sensor
Tampilan utama aplikasi

Pada tampilan utama aplikasi, terdapat random token yang digenerate oleh aplikasi android *hasil generate library fcm. token ini akan digunakan untuk mengirim notif ke aplikasi android tersebut. kalian bisa copy token tersebut dan gunakan pada project firebase fcm yang sudah saya sediakan di github.

rangkaian sensor
Hasil Notifikasi Ringkas
rangkaian sensor
Hasil Notifikasi Full
Demo Project

Berikut adalah demo project yang sudah saya sediakan. kalian bisa mencoba mengirim notifikasi ke aplikasi android yang sudah saya sediakan diatas dengan copy token fcm pada aplikasi.

2025 by @amiminn