Menambahkan Firebase ke aplikasi Flutter

Prasyarat

Instal editor atau IDE pilihan Anda.
Instal Flutter untuk sistem operasi Anda, termasuk hal-hal berikut:
- Flutter SDK
- Library pendukung
- SDK dan software khusus platform
Login ke Firebase menggunakan akun Google Anda.

Jika belum memiliki aplikasi Flutter, Anda dapat menyelesaikan Get Started: Test Drive untuk membuat aplikasi Flutter baru menggunakan editor atau IDE pilihan Anda.

Langkah 1: Instal alat command line yang diperlukan

Instal Firebase CLI jika Anda belum melakukannya.
Login ke Firebase menggunakan akun Google Anda dengan menjalankan perintah berikut:
```
firebase login
```
Instal FlutterFire CLI dengan menjalankan perintah berikut dari direktori mana saja:
```
dart pub global activate flutterfire_cli
```

Langkah 2: Konfigurasikan aplikasi Anda untuk menggunakan Firebase

Gunakan FlutterFire CLI untuk mengonfigurasi aplikasi Flutter agar dapat terhubung ke Firebase.

Dari direktori project Flutter Anda, jalankan perintah berikut untuk memulai alur kerja konfigurasi aplikasi:

flutterfire configure

Apa fungsi alur kerja flutterfire configure ini?

Fungsi alur kerja flutterfire configure adalah sebagai berikut:

Meminta Anda memilih platform (iOS, Android, Web) yang didukung di aplikasi Flutter. Untuk setiap platform yang dipilih, FlutterFire CLI akan membuat aplikasi Firebase baru di project Firebase Anda.

Anda dapat memilih untuk menggunakan project Firebase yang ada atau membuat project Firebase baru. Jika Anda sudah memiliki aplikasi yang terdaftar di project Firebase yang ada, FlutterFire CLI akan mencoba mencocokkannya berdasarkan konfigurasi project Flutter Anda saat ini.

Catatan: Berikut ini beberapa tips mengenai cara menyiapkan dan mengelola project Firebase Anda:

Lihat praktik terbaik kami untuk menambahkan aplikasi ke project Firebase, termasuk cara menangani beberapa varian.

Aktifkan Google Analytics di project Anda. Dengan begitu, Anda akan mendapatkan pengalaman optimal dalam menggunakan banyak produk Firebase, seperti Crashlytics dan Remote Config.

Membuat file konfigurasi Firebase (firebase_options.dart) dan menambahkannya ke direktori lib/ Anda.

Catatan: File konfigurasi Firebase ini berisi ID unik, tetapi tidak bersifat rahasia, untuk setiap platform yang Anda pilih.
Buka bagian Memahami Project Firebase untuk mempelajari file konfigurasi ini lebih lanjut.

(untuk Crashlytics atau Performance Monitoring di Android) Tambahkan plugin Gradle khusus produk yang diperlukan ke aplikasi Flutter Anda.

Catatan: Agar FlutterFire CLI dapat menambahkan plugin Gradle yang sesuai, plugin Flutter produk harus sudah diimpor ke aplikasi Flutter Anda.

Setelah menjalankan flutterfire configure pertama kali, Anda perlu menjalankan kembali perintah tersebut kapan saja setiap kali Anda:

Mulai mendukung platform baru di aplikasi Flutter Anda.
Mulai menggunakan layanan atau produk Firebase baru di aplikasi Flutter, terutama jika Anda mulai menggunakan login dengan Google, Crashlytics, Performance Monitoring, atau Realtime Database.

Menjalankan kembali perintah tersebut memastikan bahwa konfigurasi Firebase aplikasi Flutter Anda merupakan yang terbaru dan (untuk Android) secara otomatis menambahkan setiap plugin Gradle yang diperlukan ke aplikasi Anda.

Langkah 3: Lakukan inisialisasi Firebase di aplikasi Anda

Dari direktori project Flutter Anda, jalankan perintah berikut untuk menginstal plugin inti:
```
flutter pub add firebase_core
```
Dari direktori project Flutter Anda, jalankan perintah berikut untuk memastikan bahwa konfigurasi Firebase aplikasi Flutter Anda sudah yang terbaru:
```
flutterfire configure
```
Dalam file lib/main.dart, impor plugin inti Firebase dan file konfigurasi yang Anda buat sebelumnya:
```
import 'package:firebase_core/firebase_core.dart';
import 'firebase_options.dart';
```
Selain itu, di file lib/main.dart, lakukan inisialisasi Firebase menggunakan objek DefaultFirebaseOptions yang diekspor oleh file konfigurasi:
```
await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);
```
Build ulang aplikasi Flutter Anda:
```
flutter run
```

Langkah 4: Tambahkan plugin Firebase

Anda mengakses Firebase di aplikasi Flutter melalui berbagai plugin Firebase Flutter, satu plugin untuk setiap produk Firebase (misalnya: Cloud Firestore, Authentication, Analytics, dll.).

Karena Flutter adalah framework multi-platform, setiap plugin Firebase berlaku untuk platform Apple, Android, dan web. Jadi, jika Anda menambahkan plugin Firebase ke aplikasi Flutter, plugin tersebut akan digunakan oleh versi Apple, Android, dan web aplikasi Anda.

Berikut cara menambahkan plugin Firebase Flutter:

Dari direktori project Flutter Anda, jalankan perintah berikut:
```
flutter pub add PLUGIN_NAME
```
Dari direktori project Flutter Anda, jalankan perintah berikut:
```
flutterfire configure
```
Dengan menjalankan perintah ini, Anda akan memastikan bahwa konfigurasi Firebase aplikasi Flutter sudah yang terbaru dan, untuk Crashlytics dan Performance Monitoring di Android, menambahkan plugin Gradle yang diperlukan ke aplikasi Anda.
Setelah selesai, buat ulang project Flutter Anda:
```
flutter run
```

Anda sudah siap. Aplikasi Flutter Anda sudah terdaftar dan dikonfigurasi untuk menggunakan Firebase.

Plugin yang tersedia

Produk	Nama plugin	Apple lainnya (macOS, dll.)
Analytics	`firebase_analytics`	beta
App Check	`firebase_app_check`	beta
Authentication	`firebase_auth`	beta
Cloud Firestore	`cloud_firestore`	beta
Cloud Functions	`cloud_functions`	beta
Cloud Messaging	`firebase_messaging`	beta
Cloud Storage	`firebase_storage`	beta
Crashlytics	`firebase_crashlytics`	beta
Dynamic Links	`firebase_dynamic_links`
In-App Messaging	`firebase_in_app_messaging`
Penginstalan Firebase	`firebase_app_installations`	beta
ML Model Downloader	`firebase_ml_model_downloader`	beta
Performance Monitoring	`firebase_performance`
Realtime Database	`firebase_database`	beta
Remote Config	`firebase_remote_config`	beta

Mencoba aplikasi contoh dengan Analytics

Seperti semua paket lainnya, plugin firebase_analytics dilengkapi dengan program contoh.

Buka aplikasi Flutter yang telah Anda konfigurasi untuk menggunakan Firebase (lihat petunjuk di halaman ini).
Akses direktori lib aplikasi, lalu hapus file main.dart yang sudah ada.
Dari repositori contoh program Google Analytics, salin dan tempel dua file berikut ke dalam direktori lib aplikasi Anda:
- main.dart
- tabs_page.dart
Jalankan aplikasi Flutter Anda.
Buka project Firebase aplikasi Anda di Firebase console, lalu klik Analytics di panel navigasi kiri.
1. Klik Dashboard. Jika Analytics berfungsi dengan baik, dasbor akan menampilkan satu pengguna aktif di panel "Users active in the last 30 minutes" (mungkin perlu waktu untuk melihatnya di panel ini).
2. Klik DebugView. Aktifkan fitur tersebut untuk melihat semua peristiwa yang dihasilkan oleh contoh program.

Untuk mengetahui informasi selengkapnya tentang cara menyiapkan Analytics, baca panduan memulai untuk iOS+, Android, dan web.

Langkah berikutnya

Dapatkan pengalaman langsung dengan Firebase Flutter Codelab.
Bersiap meluncurkan aplikasi Anda:
- Siapkan pemberitahuan anggaran untuk project Anda di Google Cloud Console.
- Pantau dasbor Usage and billing di Firebase console untuk mendapatkan gambaran keseluruhan penggunaan project Anda di berbagai layanan Firebase.
- Periksa checklist peluncuran Firebase.