flutter notifikasi menggunakan firebase cloud messaging (fcm)

February 20, 2020

background

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.

Registrasi project flutter ke firebase messaging.