Firebase Google Login di Android

Pendahuluan

Panduan ini akan membantu Anda mengintegrasikan Sign-In Google dengan Otentikasi Firebase pada Android. Saya asumsikan Anda telah menyelesaikan Konfigurasi Firebase Google Umum

Catatan

Saya akan asumsikan bahwa Anda belum menciptakan aplikasi Android Anda di Firebase Console. Jika Anda telah melakukannya, langkah-langkah Anda akan sedikit berbeda.

Setup Steps

1. Pergi ke tampilan ringkasan proyek Anda di console.cloud.google.com

   

2. Klik pada tombol Add app button

   

   Catatan

   Mungkin Anda harus mencari di sini tombol ini. Hal ini hanya berlaku jika Anda telah membuat aplikasi yang berbeda di Firebase Console sebelumnya.

   

3. Pilih Android

   

4. Isi bagian pertama dari formulir

   1. Isi Android package name
      1. Buka Android Studio di aplikasi Anda menggunakan npx cap open android
      2. Pada bagian bawah navigator, cari bagian Gradle Scripts
      3. Cari build.gradle untuk modul ini app
      4. Salinlah android.defaultConfig.applicationId Ini akan menjadi package name dalam console Firebase

      Penting

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

      5. Salinlah ke console Firebase
   2. Klik pada tombol Register app button

5. Lebihkan langkah Download and then add config file step

   

6. Lebihkan langkah Add firebase SDK step

   

7. Klik pada tombol Continue to console button

   

8. Jika Anda tidak dapat masuk secara otomatis, pergi ke settings -> general -> your apps Cari aplikasi Android Anda dan klik pada aplikasi tersebut.

   

9. Ambil tanda tangan SHA1 Anda

   Ikuti langkah-langkah 10-11 dari Petunjuk Pengaturan Login Google untuk Android:

   1. Terminal menampilkan perintah gradlew signInReport android Buka folder aplikasi Anda dan jalankan ./gradlew signInReport

      

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

      

   Catatan

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

   Peringatan

   SHA1 sangat penting untuk mendapatkan benar. Jika Anda salah, autentikasi akan gagal dalam cara yang aneh. Silakan BACA PANDUAN SETUP LOGIN ANDROID GOOGLE untuk mendapatkan benar.

10. Tambahkan SHA1 ke proyek Firebase

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

11. Dapatkan ID klien web Anda

    1. Pergi ke Build -> Authentication
    2. Klik pada tombol Sign-in method tombol
    3. Klik pada tombol Google penyedia
    4. Klik pada tombol Web SDK configuration tombol
    5. Salinlah Web client ID. Ini akan menjadi __CAPGO_KEEP_0__ Anda dalam metode plugin. webClientId di dalam initialize Gunakan ID klien web dalam JS.
    

12. Gunakan ID klien web di JS.

    Penting

    Saya merekomendasikan menggunakan authenticateWithGoogle fungsi bantuan tersedia di di aplikasi contoh. Saat ini, Anda sudah

Sekarang ini, Anda TECHNICALLY ready to use Google Sign-In with Firebase Authentication on Android. However, I would recommend double-checking the setup in the Google Cloud console as explained in the next step.

Bagian berjudul “Pergilah ke pengaturan di konsol Google Cloud”

Periksa ulang pengaturan di konsol Google Cloud untuk memastikan bahwa pengaturan sudah benar.

1. Pergi ke console.cloud.google.com

2. Temukan proyek Anda

   1. Klik pada selector proyek
   2. Cari proyek Anda dengan nama yang tepat dari proyek Firebase Anda dan klik pada itu. Dalam kasus saya, itu adalah sociallogin-tutorial-app.

3. Buka bar pencarian dan buka credentials

   1. Buka bar pencarian
   2. Cari credentials dan klik pada APIs and Services salah satu (nomor 2 pada tangkapan layar)

4. Pastikan Anda melihat kedua ID klien Android dan Web di daftar.

   

   Peringatan

   Jika Anda tidak melihat kedua ID klien Android dan Web di daftar, Anda telah melakukan kesalahan dalam pengaturan. Silakan kembali dan periksa langkah-langkah Anda.

   Selain itu, mungkin Anda telah menambahkan hash SHA1 Android dengan ID aplikasi yang sama di proyek lain. Hal ini akan menyebabkan Firebase tidak dapat membuat ID klien Android. Dalam kasus ini, Anda perlu menghapus hash SHA1 dari proyek lain serta di Firebase (menggunakan konsol Firebase untuk menghapus aplikasi android) dan membuatnya kembali di Firebase.

5. Pastikan ID klien Android telah dikonfigurasi dengan benar di konsol Firebase.

   1. Klik pada Android Aplikasi
   2. Konfirmasikan bahwa hash SHA1 telah dikonfigurasi dengan benar dan sesuai dengan yang Anda salin pada langkah-langkah sebelumnya.

6. Pastikan ID klien web yang benar telah dikonfigurasi di Firebase console.

   1. Klik pada Web aplikasi
   2. Pastikan ID klien sesuai dengan yang Anda salin pada langkah-langkah sebelumnya.

   Catatan

   Silakan abaikan pengaturan klien web lainnya. Kami akan membahas ini pada Petunjuk Pengaturan Web.

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

Troubleshooting

Jika autentikasi mengalami gangguan atau gagal:

• Pastikan idToken audien Anda sesuai dengan ID klien web Firebase Anda
• Periksa apakah Google Sign-In telah diaktifkan di Firebase Console
• Pastikan fingerprint SHA-1 telah dikonfigurasi dengan benar
• Review contoh aplikasi code sebagai referensi

Teruskan dari Firebase Google Login pada Android

Jika Anda menggunakan Login Google Firebase di Android untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Menggunakan @capgo/capacitor-login-social untuk kemampuan asli dalam Menggunakan @capgo/capacitor-login-social, @capgo/capacitor-login-social untuk detail implementasi dalam @capgo/capacitor-login-social, @capgo/capacitor-passkey untuk detail implementasi dalam @capgo/capacitor-passkey, @capgo/capacitor-biometrik-asli untuk detail implementasi dalam @capgo/capacitor-biometrik-asli, dan Autentikasi dua faktor untuk detail implementasi dalam Autentikasi dua faktor.