Firebase Google Login di Android

Pendahuluan

Panduan ini akan membantu Anda mengintegrasikan Google Sign-In dengan Firebase Authentication di Android. Saya asumsikan Anda sudah menyelesaikan setup umum Firebase Google

Catatan

Saya berasumsi Anda belum membuat aplikasi Android di Firebase Console. Jika sudah, langkah-langkahnya akan sedikit berbeda.

Langkah Setup

1. Buka ringkasan proyek Anda di console.cloud.google.com

   

2. Klik pada Add app tombol

   

   Catatan

   Mungkin Anda perlu mencari tombol ini di sini. Ini hanya berlaku jika Anda sudah membuat aplikasi lain di Firebase Console.

   

3. Pilih Android

   

4. Isi bagian pertama formulir

   1. Isi Android package name
      1. Buka Android Studio pada app Anda menggunakan npx cap open android
      2. Di bagian paling bawah navigator, cari Gradle Scripts
      3. Cari build.gradle untuk modul app
      4. Salin android.defaultConfig.applicationId. Ini akan menjadi package name di konsol Firebase

      Catatan

      ID yang ditampilkan di sini akan berbeda dengan yang saya gunakan di sisa panduan ini. Saya akan menggunakan app.capgo.plugin.SocialLogin untuk sisa panduan ini.

      5. Tempelkan di konsol Firebase
   2. Klik pada Register app tombol

5. Lewati Download and then add config file langkah

   

6. Lewati Add firebase SDK langkah

   

7. Klik pada Continue to console tombol

   

8. Jika tidak terautentikasi secara otomatis, buka settings -> general -> your apps -> cari aplikasi Android Anda dan klik aplikasi itu

   

9. Dapatkan SHA1 fingerprint Anda

   Ikuti langkah 10-11 dari panduan setup Google Login Android:

   1. Sekarang, buka terminal. Pastikan Anda berada di android folder aplikasi Anda dan jalankan ./gradlew signInReport

      

   2. Scroll ke bagian atas perintah ini. Anda akan melihat hal berikut. Salin SHA1.

      

   Catatan

   Saya akan menggunakan SHA1 yang sedikit berbeda untuk sisa panduan ini, karena saya telah berganti komputer sejak menulis panduan setup Google login android yang asli.

   Peringatan

   SHA1 sangat krusial untuk dikonfigurasi dengan benar. Jika salah, autentikasi akan gagal dengan cara yang tidak terduga. Silakan BACA PANDUAN SETUP GOOGLE LOGIN ANDROID agar konfigurasinya benar.

10. Tambahkan SHA1 ke proyek Firebase

    1. Klik pada Add fingerprint tombol
    2. Tempelkan SHA1 yang Anda salin di langkah sebelumnya
    3. Klik pada Save tombol

11. Dapatkan web client ID Anda

    1. Buka Build -> Authentication
    2. Klik pada Sign-in method tombol
    3. Klik pada Google provider
    4. Klik pada Web SDK configuration tombol
    5. Salin Web client ID. Ini akan menjadi webClientId di dalam initialize metode plugin tersebut.
    

12. Gunakan web client ID di JS.

    Catatan

    Saya menyarankan penggunaan authenticateWithGoogle helper function yang tersedia di authUtils.ts file dari aplikasi contoh.

Pada tahap ini, Anda SECARA TEKNIS sudah siap menggunakan Google Sign-In dengan Firebase Authentication di Android. Namun, saya sarankan untuk mengecek kembali setup di Google Cloud console seperti yang dijelaskan pada langkah berikutnya.

Periksa kembali setup di Google Cloud console

Untuk memastikan setup sudah benar, Anda harus mengecek kembali konfigurasinya di Google Cloud console.

1. Buka console.cloud.google.com

2. Cari proyek Anda

   1. Klik pada pemilih proyek
   2. Cari proyek Anda dengan mengetikkan nama persis proyek Firebase Anda, lalu klik. Dalam kasus saya, namanya adalah sociallogin-tutorial-app.

3. Buka bilah pencarian dan buka credentials

   1. Buka bilah pencarian
   2. Cari credentials dan klik pada APIs and Services yang satu (nomor 2 di screenshot)

4. Pastikan Anda melihat Android client ID dan Web client ID di dalam daftar.

   

   Peringatan

   Jika Android dan Web client ID tidak muncul di daftar, berarti ada kesalahan saat setup. Silakan cek kembali langkah-langkah Anda.

   Ada kemungkinan juga—dan ini pernah saya alami—bahwa Anda sudah menambahkan hash SHA1 Android dengan app ID yang sama di proyek lain. Hal ini membuat Firebase gagal membuat Android client ID. Jika ini terjadi, Anda harus menghapus SHA1 tersebut dari proyek lain dan juga di Firebase (gunakan Firebase console untuk menghapus aplikasi Android), lalu buat ulang di Firebase.

5. Pastikan Android client ID sudah dikonfigurasi dengan benar di Firebase console.

   1. Klik pada Android app
   2. Pastikan hash SHA1 sudah dikonfigurasi dengan benar dan sesuai dengan yang Anda salin pada langkah sebelumnya.

6. Pastikan Web client ID sudah dikonfigurasi dengan benar di Firebase console.

   1. Klik pada Web app
   2. Pastikan client ID sesuai dengan yang Anda salin pada langkah sebelumnya.

   Catatan

   Abaikan pengaturan web client lainnya. Kita akan membahasnya di panduan setup web.

Selesai! Sekarang Anda siap menggunakan Google Sign-In dengan Firebase Authentication di Android.

Pemecahan Masalah

Jika autentikasi macet atau gagal:

• Verifikasi idToken audience sesuai dengan Firebase web client ID Anda
• Pastikan Google Sign-In sudah aktif di Firebase Console
• Pastikan SHA-1 fingerprint sudah dikonfigurasi dengan benar
• Tinjau contoh aplikasi code sebagai referensi

Lanjutkan dari Firebase Google Login di Android

Jika Anda menggunakan Firebase Google Login di Android untuk merencanakan alur autentikasi dan akun, hubungkan dengan Menggunakan @capgo/capacitor-social-login untuk kapabilitas native di Menggunakan @capgo/capacitor-social-login, @capgo/capacitor-social-login untuk detail implementasi di @capgo/capacitor-social-login, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, @capgo/capacitor-native-biometric untuk detail implementasi di @capgo/capacitor-native-biometric, dan Autentikasi dua faktor untuk detail implementasi di autentikasi dua faktor.