Menambahkan Firebase ke aplikasi Flutter


Prasyarat

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

  1. Jika Anda belum melakukannya, instal CLI Firebase.

  2. Login ke Firebase menggunakan akun Google Anda dengan menjalankan perintah berikut:

    firebase login

  3. 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


Langkah 3: Lakukan inisialisasi Firebase di aplikasi Anda

  1. Dari direktori project Flutter Anda, jalankan perintah berikut untuk menginstal plugin inti:

    flutter pub add firebase_core

  2. Dari direktori project Flutter Anda, jalankan perintah berikut untuk memastikan bahwa konfigurasi Firebase aplikasi Flutter Anda sudah yang terbaru:

    flutterfire configure

  3. 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';

  4. Selain itu, di file lib/main.dart, lakukan inisialisasi Firebase menggunakan objek DefaultFirebaseOptions yang diekspor oleh file konfigurasi:

    await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);

  5. Build ulang aplikasi Flutter Anda:

    flutter run

Jika lebih suka menggunakan project demo, Anda dapat memulai Emulator Firebase dan di file lib/main.dart Anda, lakukan inisialisasi Firebase menggunakan demoProjectId (harus dimulai dengan demo-):

  await Firebase.initializeApp(
    demoProjectId: "demo-project-id",
  );

Langkah 4: Tambahkan plugin Firebase

Anda mengakses Firebase di aplikasi Flutter melalui berbagai Plugin Firebase Flutter, satu 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:

  1. Dari direktori project Flutter Anda, jalankan perintah berikut:

    flutter pub add PLUGIN_NAME

  2. Dari direktori project Flutter Anda, jalankan perintah berikut:

    flutterfire configure

    Dengan menjalankan perintah ini, Anda akan memastikan bahwa konfigurasi Firebase aplikasi Flutter merupakan yang terbaru dan, untuk Crashlytics dan Performance Monitoring di Android, sudah menambahkan plugin Gradle yang diperlukan ke aplikasi Anda.

  3. Setelah selesai, bangun 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 iOS Android Web Apple lainnya
(macOS, dll.)		 Windows
Analytics firebase_analytics
beta
App Check firebase_app_check
beta
Authentication firebase_auth
beta beta
Cloud Firestore cloud_firestore
beta beta
Cloud Functions cloud_functions
beta
Cloud Messaging firebase_messaging
beta
Cloud Storage firebase_storage
beta beta
Crashlytics firebase_crashlytics
beta
Dynamic Links firebase_dynamic_links
In-App Messaging firebase_in_app_messaging
Firebase penginstalan 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
Vertex AI in Firebase firebase_vertexai
beta

Mencoba aplikasi contoh dengan Analytics

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

  1. Buka aplikasi Flutter yang telah Anda konfigurasi untuk menggunakan Firebase (lihat petunjuk di halaman ini).

  2. Akses direktori lib aplikasi, lalu hapus file main.dart yang sudah ada.

  3. Dari Google Analytics contoh repositori program, salin-tempel dua file berikut ke direktori lib aplikasi Anda:

    • main.dart
    • tabs_page.dart

  4. Jalankan aplikasi Flutter Anda.

  5. Buka project Firebase aplikasi Anda di konsol Firebase, lalu klik Analytics di navigasi sebelah kiri.

    1. Klik Dashboard. Jika Analytics berfungsi dengan baik, dasbor akan menampilkan pengguna aktif di bagian "Pengguna aktif dalam 30 menit terakhir" panel (ini mungkin memerlukan waktu untuk mengisi panel ini).

    2. Klik DebugView. Aktifkan fitur tersebut untuk melihat semua peristiwa yang dihasilkan oleh contoh program.

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

Langkah berikutnya