Tutorial Menambahkan Firebase di Projek Flutter

Tutorial Menambahkan Firebase di Projek Flutter. Pada artikel sebelumnya kita membahas tentang Menambahkan Firebase di Projek Flutter. Firebase adalah platform pengembangan aplikasi seluler dari Google yang dapat membantu kita dalam membangun, meningkatkan, dan mengembangkan aplikasi.

Membuat Project Firebase

Pertama buka halaman https://console.firebase.google.com/ di browser anda lalu klik Add Project, setelah itu akan muncul halaman seperti ini

Tutorial Menambahkan Firebase di Projek Flutter

Isi project name nya sesuai kebutuhan atau keinginan anda, lalu klik Continue.

Pada tahap ini kita akan membuat untuk android terlebih dahulu, jadi klik icon android di bagian header. Setelah itu akan muncul tampilan seperti ini

Flutter firebase

Bagian android package name di isi dengan nama package yang kita buat, misal nya com.tukangaplikasi.tutorialfirebase, anda dapat melihatnya di dalam AndroidManifest.xml, App Nickname itu optional boleh di isi atau tidak kemudia bagian Debug signing certificate SHA-1. Anda bisa menjalankannya dengan menjalankan




Windows

keytool -list -v \
-alias androiddebugkey -keystore %USERPROFILE%\.android\debug.keystore

Mac/Linux

keytool -list -v \
-alias androiddebugkey -keystore ~/.android/debug.keystore

Jika anda jalankan, anda akan melihat text seperti ini Certificate fingerprint: SHA1: DA:39:A3:EE:5E:6B:4B:0D:32:55:BF:EF:95:60:18:90:AF:D8:07:09 copy dan paster kedalam field. Lalu tekan register, langkah selanjutnya adalah kita harus mendownload file google-services.json , lalu pindahkan kedalam Folder project -> Android -> App, Lalu klik next.

Konfigurasi Android

Tambahkan classpath 'com.google.gms:google-services:4.3.3' ke dalam Android -> build.gradle di bagian dependencies. Kurang lebih akan terlihat seperti ini nantinya

buildscript {
    ext.kotlin_version = '1.3.50'
    repositories {
        google()
        jcenter()
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
        classpath 'com.google.gms:google-services:4.3.3'
    }
}

allprojects {
    repositories {
        google()
        jcenter()
    }
}

rootProject.buildDir = '../build'
subprojects {
    project.buildDir = "${rootProject.buildDir}/${project.name}"
}
subprojects {
    project.evaluationDependsOn(':app')
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

Lalu, tambahkan apply plugin: 'com.google.gms.google-services' ke dalam Android -> app -> build.gradle di atas dependecies. Proses terakhir adalah Run your app to verify installation, anda dapat men-skip bagian ini.

Konfigurasi iOS

Untuk penambahan di iOS hampir sama dengan di android. Click icon iOS.

field iOS bundle ID di isi dengan nama bundle IOS anda

Firebase IOS flutter

lalu klik next , langkah selanjutnya ini anda harus mendownload file lg yaitu GoogleService-Info.plist, untuk menambahkannya Runner->Add Files to Runner.

Klik next lagi, pada langkah ini kita akan menjalankan perintah yaitu perintah pod init dan pod install . Jalan kan pod init di terminal.

Proses sudah selesai. Semoga bermanfaat

 

 

 

 

Tinggalkan Balasan

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Kami memberikan tutorial baru tiap harinya !!!

You have Successfully Subscribed!

%d blogger menyukai ini: