Firebase Google Login di Android

Pengantar

Panduan ini akan membantu Anda mengintegrasikan Google Sign-In dengan Firebase Authentication di Android. Saya berasumsi Anda telah menyelesaikan pengaturan Firebase Google umum

Note

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

Langkah Pengaturan

1. Buka project overview Anda di console.cloud.google.com

   

2. Klik tombol Add app

   

   Note

   Ada kemungkinan Anda harus mencari tombol ini di sini. Ini hanya berlaku jika Anda telah membuat aplikasi berbeda di Firebase Console.

   

3. Pilih Android

   

4. Isi bagian pertama formulir

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

      Note

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

      5. Tempelkan di Firebase console
   2. Klik tombol Register app

5. Lewati langkah Download and then add config file

   

6. Lewati langkah Add firebase SDK

   

7. Klik tombol Continue to console

   

8. Jika Anda tidak secara otomatis diautentikasi, buka settings -> general -> your apps -> temukan aplikasi android Anda dan klik

   

9. Dapatkan SHA1 fingerprint Anda

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

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

      

   2. Gulir ke bagian atas perintah ini. Anda akan melihat yang berikut. Salin SHA1.

      

   Note

   Saya akan menggunakan SHA1 yang sedikit berbeda untuk sisa panduan, karena saya telah mengubah komputer sejak menulis panduan pengaturan google login android yang asli.

   Caution

   SHA1 sangat penting untuk dilakukan dengan benar. Jika Anda salah, autentikasi akan gagal dengan cara yang aneh. Silakan BACA PANDUAN PENGATURAN GOOGLE LOGIN ANDROID untuk mendapatkannya dengan benar.

10. Tambahkan SHA1 ke proyek Firebase

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

11. Dapatkan web client ID Anda

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

12. Gunakan web client ID di JS.

    Note

    Saya merekomendasikan menggunakan fungsi helper authenticateWithGoogle yang tersedia di file authUtils.ts dari aplikasi contoh.

Pada titik ini, Anda SECARA TEKNIS siap menggunakan Google Sign-In dengan Firebase Authentication di Android. Namun, saya akan merekomendasikan untuk memeriksa ulang pengaturan di Google Cloud console seperti dijelaskan di langkah berikutnya.

Periksa ulang pengaturan di Google Cloud console

Untuk memastikan bahwa pengaturan sudah benar, Anda harus memeriksa ulang pengaturan di Google Cloud console.

1. Buka console.cloud.google.com

2. Temukan proyek Anda

   1. Klik pada pemilih proyek
   2. Cari proyek Anda dengan nama persis dari proyek Firebase Anda dan klik di atasnya. Dalam kasus saya, ini adalah sociallogin-tutorial-app.

3. Buka search bar dan buka credentials

   1. Buka search bar
   2. Cari credentials dan klik yang APIs and Services (nomor 2 pada screenshot)

4. Verifikasi bahwa Anda melihat Android dan Web client ID dalam daftar.

   

   Caution

   Jika Anda tidak melihat Android dan Web client ID dalam daftar, Anda telah membuat kesalahan dalam pengaturan. Silakan kembali dan periksa langkah-langkah Anda.

   Ini juga mungkin, dan telah terjadi pada saya, bahwa Anda telah menambahkan Android SHA1 hash dengan app ID yang sama di proyek yang berbeda. Ini akan mengakibatkan Firebase tidak dapat membuat Android client ID. Dalam hal ini, Anda perlu menghapus SHA1 dari proyek lain serta di Firebase (menggunakan Firebase console untuk menghapus aplikasi android) dan membuatnya kembali di Firebase

5. Verifikasi bahwa Android client ID dikonfigurasi dengan benar di Firebase console.

   1. Klik aplikasi Android
   2. Konfirmasi bahwa SHA1 hash dikonfigurasi dengan benar dan cocok dengan yang Anda salin di langkah sebelumnya.

6. Verifikasi bahwa Web client ID dikonfigurasi dengan benar di Firebase console.

   1. Klik aplikasi Web
   2. Konfirmasi bahwa client ID cocok dengan yang Anda salin di langkah sebelumnya.

   Note

   Harap abaikan sisa pengaturan web client. Kita akan membahas ini di panduan pengaturan web.

Voila! Anda sekarang siap menggunakan Google Sign-In dengan Firebase Authentication di Android.

Pemecahan Masalah

Jika autentikasi macet atau gagal:

• Verifikasi audience idToken cocok dengan Firebase web client ID Anda
• Periksa bahwa Google Sign-In diaktifkan di Firebase Console
• Pastikan SHA-1 fingerprint dikonfigurasi dengan benar
• Tinjau kode aplikasi contoh sebagai referensi