flutter notifikasi menggunakan firebase cloud messaging (fcm)
Selamat pagi guys, berhubung ada waktu luang jadi hari ini saya mau berbagi pengelaman saya saat mengkonfigurasi dan mengintegrasikan project flutter saya dengan salah satu fitur firebase yaitu Firebase Cloud Messaging(FCM).
Saya juga akan membagi bagaimana cara mengirim notifikasi ke project flutter menggunakan firebase dengan backend nodejs.
oke selanjutnya akan saya jabarkan langkah-lagkahnya
- Persiapan project flutter.
- Registrasi project flutter ke firebase messaging.
- Test pengiriman pesan notifikasi menggunakan fitur firebase.
- Persiapan project node.JS
- registrasi account service dan server key
- install library pendukung
- buat contoh sender notifikasi
persiapan project flutter
untuk persiapan project flutter yang ingin di integrasikan dengan firebase sayarat yaitu harus menggunakan android X.
untuk membuat project android X bisa dengan menggunakan perintah sebagai berikut: flutter create --androidx -t <project-type> <new-project-path>
selanjutnya tinggal tambahkan library untuk firebase massaging di pubspec.yaml
firebase_messaging: ^6.0.9
setelah itu jalankan perintah: flutter pub get
tambahkan code ini di dalam main.dart
FirebaseMessaging _firebaseMessaging = new FirebaseMessaging();
@override
void initState() {
_firebaseMessaging.configure(
onMessage: (Map<String, dynamic> message) async {
print("onMessage: $message");
// _showItemDialog(message);
},
// onBackgroundMessage: myBackgroundMessageHandler,
onLaunch: (Map<String, dynamic> message) async {
print("onLaunch: $message");
// _navigateToItemDetail(message);
},
onResume: (Map<String, dynamic> message) async {
print("onResume: $message");
// _navigateToItemDetail(message);
},
);
_firebaseMessaging.requestNotificationPermissions(
const IosNotificationSettings(sound: true, alert: true, badge: true));
_firebaseMessaging.getToken().then((token) {
print("token $token");
});
super.initState();
}
contoh code yang lengkap : main.dart
saat membuka menjalankan project ini, teman" akan mendapatkan sebuah log print berupa token. nah sampai sini kita sudah bisa ke tahap selanjutnya.