Menambahkan Firebase ke aplikasi Flutter


Prasyarat

  • Instal editor atau IDE pilihan Anda.

  • Siapkan perangkat Apple fisik atau gunakan simulator untuk menjalankan aplikasi Anda.

  • Pastikan aplikasi Flutter Anda menarget versi platform berikut atau yang lebih baru:

    • iOS 13
    • macOS 10.15

  • Instal Flutter untuk sistem operasi Anda, termasuk hal-hal berikut:

    • Flutter SDK
    • Library pendukung
    • Software khusus platform dan SDK

  • 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

  1. Instal Firebase CLI jika Anda belum melakukannya.

  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:

    WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp(
  options: DefaultFirebaseOptions.currentPlatform,
);
runApp(const MyApp());

  5. Build ulang aplikasi Flutter Anda:

    flutter run

Jika lebih suka menggunakan project demo, Anda dapat memulai Firebase Emulator dan dalam file lib/main.dart, 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 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:

  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 dapat memastikan konfigurasi Firebase aplikasi Flutter sudah yang terbaru dan dapat menambahkan plugin Gradle yang diperlukan ke aplikasi Anda untuk Crashlytics dan Performance Monitoring di Android.

  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
Data Connect firebase_data_connect
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
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 repositori contoh program Google Analytics, salin dan tempel dua file berikut ke dalam direktori lib aplikasi Anda:

    • main.dart
    • tabs_page.dart

  4. Jalankan aplikasi Flutter Anda.

  5. Buka project Firebase aplikasi Anda di Firebaseconsole, 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 mengisi 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