Firebase Google Login pada Android

Pendahuluan

Petunjuk ini akan membantu Anda mengintegrasikan Sign-In Google dengan Firebase Authentication pada Android. Saya asumsikan Anda telah menyelesaikan setup 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.

__CAPGO_KEEP_0__

Langkah-Langkah Pengaturan

1. Pergi ke pengaturan proyek Anda di console.cloud.google.com

   

2. Klik pada tombol Add app Firebase Add App Button

   

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

   Firebase Add App Button

   

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. Di bagian bawah navigator, cari bagian Gradle Scripts
      3. Cari build.gradle untuk modul app
      4. Salin android.defaultConfig.applicationId. Ini akan menjadi Anda package name di konsol Firebase

      Catatan

      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 konsol Firebase
   2. Klik pada tombol Register app tombol

5. Lewati langkah ini Download and then add config file langkah

   

6. Langkah Add firebase SDK Tidak perlu menambahkan firebase __CAPGO_KEEP_0__

   

7. Firebase Add App Android Continue to Console Button Continue to console Jika Anda tidak dapat masuk secara otomatis, pergi ke

   

8. Firebase Add App Android Settings General Your Apps Button settings -> general -> your apps Ambil tanda tangan SHA1 Anda

   

9. Firebase Add App Android Skip 'Add firebase __CAPGO_KEEP_0__'

   Ikuti langkah-langkah 10-11 dari panduan pengaturan login Google Android Sekarang, buka terminal. Pastikan Anda berada di folder aplikasi Anda dan jalankan:

   1. Terminal menampilkan perintah gradlew signInReport android Arahkan ke bagian atas perintah ini. Anda harus melihat hal berikut. Salin ./gradlew signInReport

      

   2. Pengingat SHA1.

      

   Peringatan

   Peringatan

   Caution: This is a reminder that the SHA1 used in this guide may be different from the one used in the original Google login android setup guide.

   Perlu sangat hati-hati dalam memasukkan SHA1. Jika Anda salah, autentikasi akan gagal dengan cara yang tidak terduga. Silakan BACA PETUNJUK PENGGUNAAN GOOGLE LOGIN DAN ANDROID untuk memastikan Anda benar.

10. Tambahkan SHA1 ke proyek Firebase

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

11. Dapatkan ID Klien Web Anda

    1. Pergi ke Build -> Authentication
    2. Klik pada tombol Sign-in method Tombol Autentikasi Firebase Metode Sign-in
    3. provider Google Autentikasi Firebase Metode Sign-in Google Provider
    4. tombol Web SDK configuration Autentikasi Firebase Metode Sign-in Web __CAPGO_KEEP_0__ Konfigurasi Tombol
    5. Salin Web client ID. Ini akan menjadi webClientId dalam initialize metode plugin.
    

12. Gunakan ID klien web di JS.

    Peringatan

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

Sekarang Anda sudah siap TECHNICALLY menggunakan Sign-In Google dengan Firebase Authentication di Android. Namun, saya merekomendasikan untuk memeriksa ulang pengaturan di konsol Google Cloud seperti yang dijelaskan di langkah berikutnya.

Periksa ulang pengaturan di konsol Google Cloud

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

1. Lihat console.cloud.google.com

2. Cari proyek Anda

   1. Klik pada selector proyek
   2. Cari proyek Anda dengan nama yang tepat dari proyek Firebase Anda dan klik pada itu. Di 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 satu (nomor 2 pada screenshot)

4. Pastikan Anda melihat baik ID klien Android dan Web dalam 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.

   Mungkin juga, dan telah terjadi pada saya, bahwa Anda sudah 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 SHA1 dari proyek lain serta di Firebase (menggunakan konsol Firebase untuk menghapus aplikasi android) dan membuatnya kembali di Firebase.

5. Pastikan ID klien Android yang benar-benar dikonfigurasi di konsol Firebase.

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

6. Pastikan ID klien Web yang benar-benar dikonfigurasi di konsol Firebase.

   1. Klik pada Web Aplikasi
   2. Konfirmasikan bahwa ID klien sesuai dengan yang Anda salin pada langkah-langkah sebelumnya.

   Catatan

   Tolaklah pengaturan web klien yang lain. Kami akan membahas ini pada panduan pengaturan web. Panduan pengaturan web.

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

Pengaturan

Periksa

• apakah audiens sesuai dengan ID klien web Firebase Anda idToken apakah audiens sesuai dengan ID klien web Firebase Anda
• Pastikan Google Sign-In diaktifkan di Firebase Console
• Pastikan fingerprint SHA-1 dikonfigurasi dengan benar
• Review contoh aplikasi __CAPGO_KEEP_0__ example app code Lanjutkan dari Firebase Google Login on Android

Bagian berjudul “Lanjutkan dari Firebase Google Login on Android”

Firebase Google Login on Android untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Menggunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login untuk kemampuan native di Menggunakan @capgo/capacitor-social-login for the native capability in Using @capgo/capacitor-social-login, @capgo/capacitor-login sosial untuk detail implementasi di @capgo/capacitor-login sosial, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, @capgo/capacitor-biometrik native untuk detail implementasi di @capgo/capacitor-biometrik native, dan Autentikasi dua faktor untuk detail implementasi di Autentikasi dua faktor.