Android Push Notification Real Time Menggunakan Firebase

Push notification adalah sebuah pemberitahuan yang muncul di app bar HP/device android. Push notification biasanya menggunakan server side (kalau saya biasanya menggunakan PHP dan MySQL).

Tapi jika kalian tidak mampe membuat server dengan PHP dan MySQL, sekarang sudah ada sebuah feature baru dari Google yaitu Firebase. Firebase akan kita gunakan sebagai servernya. Jadi kita bisa membuat pesan dari dashboard firebase untuk kemudian di tampilkan di aplikasi android berbentuk push notification.

Dengan menggunakan firebase sebagai server, kita bisa membuat pesan pemberitahuan (push notification) secara realtime. Silakan ikuti langkah-langkah dibawah ini untuk mulai membuat aplikasi push notification real time menggunakan firebase.

PENGGUNAAN

Cara menggunakan Firebase sangat mudah, Kalian tidak perlu menulis code secara penjang-lebar, cukup dengan beberapa code saya. Seperti yang dikatakan oleh abah di video ini :


Oya kalian harus install terlebih dahulu di SDK kalian Android Support Repository dan Google Repository dan juga Google Play Service

Simple kan kata si abah itu, tapi disini saja akan coba tuliskan kode menggunakan beberapa class, dimaksudkan agar kalian mampu mengerti penggunaan kedepannya. Referensi saya ambil langsung dari githubnya Firebase

Pertama kalian masuk ke Console Firebase, Tampilannya yang sekarang seperti Gambar 1

Gambar 1

Pilih CREATE NEW PROJECT, maka kalian akan dibawah ke tampilan seperti Gambar 2

Gambar 2

Isikan nama Project Kalian dan pilih Negara, Klik Create Project. Tampilan selanjutnya seperti Gambar 3

Gambar 3

Kalian pilih Add Firebase to your Android Apps, maka kalian akan dibawa ke Gambar 4

Gambar 4

Isikan nama Package Project kalian dan masukan kode SHA-1 kalian. Tidak tau caranya mencari kode SHA-1? Baca postingan saya tentang cara mencari kode SHA-1. Setelah itu klik ADD APP, kalian akan dibawah ke tampilan seperti Gambar 5

Gambar 5

Di bagian ini kalian akan mendapatkan file json bernama google-service.json seperti yang saya kotakin warna merah. Ambil file tersebut, kemudian tempatkan di project app kalian seperti yang saya kotakin warna kuning.
Selanjutnya pilih CONTINUE. Kalian akan dibawa ke bagian tutorial seperti Gambar 6

Gambar 6

Gambar 6 berisi, cara-cara setting gradle kalian, kalian FINISH saja, maka kalian sudah masuh ke dashboard project kalian. Kembali ke Android Studio

Intinya pesangan library firebase messaging tersebut seperti ini, perhatikan baik-baik
 
Pertama kalian setting build.gradle (app) sesuai dengan komentar yang saya tambahkan berikut ini :

Setelah itu setting gradle satunya lagi, yaitu build.gradle(Project : FirebaseNotif) sesuai dengan yang saya komentari berikut ini :

Setelah semua library sudah berhasil di pasang, selanjutnya kita akan menambahkan beberapa hal di folder values, ikuti seperti berikut ini :

style.xml

strings.xml

dimens.xml


colors.xml

Setelah semua selesai, sekarang kita buat layoutnya, beri nama activity_main.xml

Untuk file javanya, ada tiga file java yang akan kalian tulis, mari kita mulai satu satu :

File java pertama kita beri nama MyFirebaseMessagingService.java, file ini yang akan menghadle masalah body message, ID pengirim

File java yang kedua kita beri nama MyFirebaseInstanceIDService.java, file ini yang akan menghadle masalah token

File java yang ketiga kita beri nama MainActivity.java, disini adalah implementasi apa yang akan ditampilkan

Oke semua persiapan hampir selesai, tinggal yang terakhir, konfigurasi AndroidManifest.xml kalian menjadi seperti ini :

Setelah konfigurasi di Android Studio sudah selesai, mari kita mulai dengan Pengiriman message pertama, buka Dashboard kalian yang sudah kalian buat tadi, pilih menu Notification, lihat Gambar 7

Gambar 7

Pilih SEND YOUR FIRST MESSAGE, maka kalian akan dibawa ke Gambar 8

Gambar 8

Isikan Message text dengan apa yang kalian mau, kemuadian pilih project aplikasi kalian, kemuan scroll kebawah (lihat gambar 9)

Gambar 9

Agar notifikasi ada Judulnya, kalian isikan kolom title. Agar Ada suaranya ketika notifikasi masuk, kalian Enable piliha Sound. Setelah itu klik SEND MESSAGE, jika ada review, pilih SEND.

Lihat di smartphone kalian, maka akan tampil pemberitahuannya. untuk lebih jelasnya kalia coba lihat logcatnya akan terlihat pesan apa yang kalian kirim (lihat Gambar 10)

Gambar 10

Kotak warna Merah berisi ID pengirim dan isi pesan notifikasi
Kotak warna Kuning berisi pemberitahuan success Subscribe
Kotak warna Hijau berisi informasi token setelah subscribe

Silakan baca-baca lagi di situs Guideline Firebase . Disana dijelaskan lebih detail tentang firebase. 

Oke!! sekain tutorial tentang Firebase Cloud Messaging, semoga artikelnya bermanfaat.

Silakan download projectnya dibawah ini :



Baca juga :


About The Author

Related Posts

19 Comments

  1. Admin
    November 10, 2016
  2. Putu Guna
    November 11, 2016
  3. Gunawan
    October 12, 2017
    • putuguna
      October 13, 2017
  4. yurizkal
    October 14, 2017
    • putuguna
      October 14, 2017
  5. yurizkal
    October 15, 2017
  6. Fikri Izzuddin
    October 16, 2017
    • putuguna
      October 16, 2017
  7. Cah Bagus
    February 9, 2018
    • putuguna
      February 10, 2018
      • Cah Bagus
        February 12, 2018
    • Cah Bagus
      February 12, 2018
  8. Rifqi
    May 28, 2018
    • putuguna
      June 4, 2018
  9. m sulton
    July 22, 2018
    • putuguna
      July 23, 2018
  10. KakaKiky
    December 6, 2018

Add Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Berlangganan Artikel

Untuk mendaftarkan tutorial pemrograman terbaru dari putuguna[dot]com, silakan tuliskan email kalian dibawah ini