Tutorial Cara Setting Firebase dan Flutter

Halo semuanya, kembali lagi di sahretech. Pada kesempatan kali ini kita akan belajar cara menghubungkan project flutter dengan google firebase. Penasaran?, ayo ikuti tutorialnya di bawah ini.

Google Firebase

Firebase adalah salah satu layanan yang disediakan oleh google untuk membantu developer menyediakan tool atau environment secara cepat seperti database, otentikasi user, penyimpanan secara realtime, penyimpanan file, data anlisis, push notifikasi dan layanan-layanan lainnya.

Firebase menjadi solusi cepat bagi kalian yang males bikin backend atau belum bisa backend beserta lingkungan servernya. Firebase dapat digunakan untuk pengembangan aplikasi web maupun mobile. Pada artikel kali ini kita akan membahas cara mengkoneksikan flutter dengan firebase. Artikel ini sekaligus menjadi awal atau syarat untuk pengembangan aplikasi flutter dengan firebase.

Cara Koneksi Firebase ke Project Flutter

1. Akses firebase di https://firebase.google.com. Lalu klik tombol get started

Membuat Firebase Project

2. Klik add project

Membuat Firebase Project

3. Selanjutnya, isi nama project, lalu klik continue

4. Pada step selanjutnya, kalian bisa mengaktifkan fitur google analisis untuk project atau menonaktifkannya. Caranya tinggal switch tombol enable google analytics for this project. Lalu klik tombol create project.

5. Ok, setelah project selesai dibuat. Maka kalian akan diarahkan ke halaman dashboard. Klik icon android untuk menambahkan aplikasi.

6. Ok, selanjutnya kita akan mulai melakukan setting atau konfigurasi dengan aplikasi flutter. Pertama kita isi registrasi app terlebih dahulu. Isi Android Package Name, App Nick Name, dan SHA-1 seperti gambar di bawah ini. Bagaimana cara mengisinya?, ikuti tahap selanjutnya.

Register App

1. Android Package Name bisa kalian temukan di dalam folder android/app/build.gradle 

   

   android package name

   
   
2. App Nick Name digunakan sebagai nama atau julukan aplikasi agar mudah diingat
3. Debug signing certificate SHA-1 bisa kalian dapatkan dengan cara masuk ke folder android. Lalu buka cmd atau terminal dan jalankan perintah .\gradlew SigInReport 

   

   SHA-1

   
   

7. Selanjutnya download google-services.json dan tambah file tersebut ke dalam project flutter. 

Mengunduh file google-service.json

8. Buka android/app lalu masukan file google-services.json di dalamnya. Ikuti contohnya seperti gambar di bawah ini.

Meletakkan file google-services.json

9. Selanjutnya, pada bagian ini kita klik next saja. Kita akan menambahkan firebase SDK secara manual ke dalam project flutter.

Menambahkan Firebase SDK

10. Selanjutnya klik continue to console. untuk menyelesaikan konfigurasi.

Project Firebase Siap

11. Ok sekarang buka kembali project flutter kalian. Masuk ke android/build.gradle lalu tambakan script classpath 'com.google.gms:google-services:4.3.15' di dalam kotak merah di bawah ini ke dalam depedencies seperti gambar di bawah ini.

Menambahkan plugin ke depedencies

12. Selanjutnya buka android/app/build.gradle tambahkan script ini di bagian paling atas file.

13. Masih di android/app/build.gradle selanjutnya tambahkan juga script di dalam kotak merah di bawah ini.

Menambahkan depedencies

14. Buka pubspec.yaml lalu tambahkan  cloud_firestore: dan  firebase_core:. Ikuti gambarnya seperti di bawah ini.

Menambahkan package

Sampai sini, kita sudah berhasil menambahkan project flutter ke firebase. Sebenarnya ada cara yang lebih mudah, yaitu menggunakan firebase cli. Saya akan bahas tutorialnya di lain waktu insyaAllah.

Untuk menguji apakah firebase dan flutter kalian terhubung. Coba ikuti tutorial di link ini https://www.sahretech.com/2022/03/cara-paling-mudah-membuat-login-google.html. Kemudian langsung saja loncat ke bagian atau nomor 5. Ayo ikuti tutorialnya, dan kasih tanggapan kalian di kolom komentar di bawah ini.

Sekain tutorial cara setting firebase dan project flutter. Semoga tutorial ini bermanfaat, jika ada yang ingin ditanyakan, silahkan tanya langsung di kolom komentar di bawah ini. Sekian dan terima gaji.