[ Update ] Konfigurasi Flutter - Firebase

Hi... Selamat sore semua 👋

Pada artikel kali ini ( Desember 2025 ) kita akan belajar lagi terkait dengan flutter dan firebase nih 😁

Sebenarnya hal ini sudah kita pelajari pada artikel ini sebelumnya, namun karena ada penyesuaian dan pembaruan dari developernya ( baca: Google ) maka cara di artikel tersebut memang tidak bisa digunakan secara langsung. Bukan berarti salah, hanya penyesuaian saja. Pada dasarnya masih sama sih 😇

Tidak menutup kemungkinan di masa mendatang akan ada perubahan ( update ) lagi ya man teman 😏

Okey, langsung saja yaaa

Pertama, buka langsung web Firebase 

Membuat Proyek Firebase

Kedua,

Pada bagian kanan atas klik Buka Konsol

Sebelum melangkah ke bagian berikutnya, pastikan email yang digunakan adalah email pribadi. Bukan email lembaga/sekolah/instansi

Ketiga,

Kemudian langkah berikutnya, klik tulisan Create a new Firebase project. Akan muncul halaman baru untuk memberikan nama proyek, isi dengan nama yang sesuai dan klik tombol Continue

Keempat,

Klik Continue terus, sampai muncul halaman Configure Google Analytics

Pilih Default Account for Firebase

Kelima,

Kemudian klik Create project dan tunggu beberapa saat sampai proses selesai serta muncul checklist hijau.

Klik lagi Continue

Keenam, akan muncul halaman proyek firebase

Konfigurasi Firebase & Flutter

📓 Sebelum Lanjut, Wajib Sudah Ada Proyek Flutter Ya

Disclaimer, proyek flutter dibuat menggunakan flutter versi 3.38.3 ( Desember 2025 )

Di halaman proyek firebase ini, berikutnya adalah konfigurasi untuk menyambungkan dengan proyek flutter. 

Klik tombol Add app, muncul di bawah nama proyek 

+ Add app

Pilih yang Android dan akan muncul halaman dibawah ini

Bagian Android packaga name diisi dengan nama paket aplikasi, nama ini diambil dari file build.gradle.kts pada baris kode 

android {

    namespace = "com.example.ex_flutter_firebase"

    compileSdk = flutter.compileSdkVersion

    ndkVersion = flutter.ndkVersion

    compileOptions {

        sourceCompatibility = JavaVersion.VERSION_17

        targetCompatibility = JavaVersion.VERSION_17

    }

Bagian yang ditulis tebal, tanpa tanda petik.

Kode diatas berada di dalam /android/app/build.gradle.kts

Sehingga tombol Register app menjadi "hidup" dan bisa di klik

Langkah selanjutnya, unduh file google-servces.json dan letakkan ke dalam folder proyek flutter /android/app

Selesai bagian itu, sekarang konfigurasi 3 file yaitu:

1. build.gradle.kts yang ada di dalam folder /android
2. build.gradle.kts yang ada di dalam folder /android/app
3. settings.gradle.kts yang ada di dalam folder /android

Perhatikan dengan baik, langkah ini untuk menambahkan Firebase SDK kedalam proyek.

Pertama, buil.gradle.kts yang ada di dalam folder /android

Tambahkan

plugins {

  // Add the dependency for the Google services Gradle plugin

  id("com.google.gms.google-services") version "4.4.4" apply false

}

Bisa diletakkan diatas kode allprojects { ... }

Kedua, buil.gradle.kts yang ada di dalam folder /android/app
Tambahkan

plugins { 

    id("com.android.application")

    id("kotlin-android")

    // The Flutter Gradle Plugin must be applied after the Android and Kotlin Gradle plugins.

    id("dev.flutter.flutter-gradle-plugin")

    // tambahan untuk ex_flutter_firebase

    id("com.google.gms.google-services")

}

dependencies {

  // Import the Firebase BoM

  implementation(platform("com.google.firebase:firebase-bom:34.7.0"))

  // TODO: Add the dependencies for Firebase products you want to use

  // When using the BoM, don't specify versions in Firebase dependencies

  implementation("com.google.firebase:firebase-analytics")

  // Add the dependencies for any other desired Firebase products

  // https://firebase.google.com/docs/android/setup#available-libraries

}

Bisa diletakkan diatas kode android { ... }

Ketiga, file settings.gradle.kts yang ada di dalam folder /android

Tambahkan

plugins {

    id("dev.flutter.flutter-plugin-loader") version "1.0.0"

    id("com.android.application") version "8.11.1" apply false

    id("org.jetbrains.kotlin.android") version "2.2.20" apply false

    // TAMBAHKAN BARIS INI (Lihat gambar 1 di instruksi Firebase Anda)

    id("com.google.gms.google-services") version "4.4.4" apply false

}

Bisa diletakkan dibawah kode pluginmanagement { ... }

 Konfigurasi File Utama 

( main.dart dan pubspec.yaml )

Di bagian ini, pengaturan berpindah di file untuk dependensi ( dependency ) dan file main.dart

Buka file pubspec.yaml dan tambahkan tiga ( 3 ) dependensi, yaitu :

1. firebase_core
2. firebase_analytics
3. cloud_firestore

Pastikan terkoneksi internet!

Kemudian pindah ke file main.dart dan import dependensi tersebut

Di bagian method main(), ubah menjadi 

void main() async {

  WidgetsFlutterBinding.ensureInitialized();

  await Firebase.initializeApp();

  runApp(const MyApp());

}

Yups, selesai sudah sampai sini untuk konfigurasi proyek flutter dengan firebase

Bisa dicoba jalankan ( pastikan jalankan dengan gatget langsung ya )

Tambahan:

Untuk testing atau cek sudah terkoneksi atau belum, bisa menambahkan fungsi initState() diatas

void main() async {

  WidgetsFlutterBinding.ensureInitialized();

  await Firebase.initializeApp();

  runApp(const MyApp());

}

Perintah

debugPrint('Berhasil konek ke Project: ${app.options.projectId}');

Hal ini akan memicu pesan muncul di terminal VS Code saat proyek pertama jalan dan berhasil menyambung dengan Firebase 😇

Bagaimana, berhasil ?
Silahkan komen bila ada pertanyaan atau lainnya 😊