Firebase Google Login pada Android

Salin setup prompt dengan langkah instalasi dan panduan markdown lengkap untuk plugin ini.

Pendahuluan

Petunjuk ini akan membantu Anda mengintegrasikan Sign-In Google dengan Firebase Authentication pada Android. Saya asumsikan Anda telah menyelesaikan setup Firebase Google secara umum sebelumnya. __CAPGO_KEEP_0__

Langkah-Langkah Pengaturan

Pergi ke tampilan ringkasan proyek Anda di console.cloud.google.com
Klik pada tombol Add app tombol Tambah Aplikasi Firebase

Mungkin Anda harus mencari di sini tombol ini. Ini berlaku hanya jika Anda telah membuat aplikasi yang berbeda di Firebase Console sebelumnya.
Pilih Android
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 Gradle Scripts
  3. Cari build.gradle untuk modul app
  4. Salinlah android.defaultConfig.applicationId. Ini akan menjadi package name di konsol Firebase
  ID yang ditampilkan di sini akan berbeda dari yang saya gunakan untuk bagian lain dari panduan ini. Saya akan menggunakan app.capgo.plugin.SocialLogin untuk bagian lain dari panduan ini.
  1. Tempelkan di konsol Firebase
2. Klik pada tombol Register app button
Lepaskan langkah ini Download and then add config file langkah
Tambahkan Aplikasi Firebase Android Lepaskan 'Download dan kemudian tambahkan file konfigurasi' Add firebase SDK Lepaskan langkah ini
Tambahkan Aplikasi Firebase Android Lepaskan 'Tambahkan firebase __CAPGO_KEEP_0__' Continue to console Klik pada
Tambahkan Aplikasi Firebase Android Lanjutkan ke Console Button settings -> general -> your apps -> cari aplikasi android Anda dan klik pada aplikasi tersebut
Ambil tanda tangan SHA1 Anda

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 Luncurkan terminal ke bagian atas perintah ini. Anda harus melihat hal berikut. Salin ./gradlew signInReport
2. Catatan SHA1.
Saya akan menggunakan SHA1 yang sedikit berbeda untuk sisa panduan ini, karena saya telah mengubah komputer sejak menulis panduan setup login Google Android asli.

SHA1 sangat penting untuk mendapatkan benar. Jika Anda salah, autentikasi akan gagal dalam cara yang aneh. Silakan BACA PANDUAN SETUP LOGIN GOOGLE ANDROID untuk mendapatkan benar.
Tambahkan SHA1 ke proyek Firebase
1. Klik pada Add fingerprint tombol
2. Salin SHA1 yang Anda copi pada langkah sebelumnya
3. Klik pada tombol ini Save tombol
Dapatkan ID klien web Anda
1. Pergi ke Build -> Authentication
2. Klik pada tombol ini Sign-in method tombol
3. Klik pada tombol ini Google provider
4. Klik pada tombol Web SDK configuration tombol
5. Salinlah Web client ID. Ini akan menjadi webClientId dalam initialize metode plugin.
Gunakan ID klien web di JS.

Saya merekomendasikan menggunakan authenticateWithGoogle Fungsi bantuan tersedia di file authUtils.ts dalam aplikasi contoh.

Pada titik ini, Anda sudah TECHNICALLY siap menggunakan Google Sign-In dengan Firebase Authentication di Android. Namun, saya sarankan Anda untuk memeriksa kembali pengaturan di konsol Google Cloud seperti dijelaskan pada langkah berikutnya.

Periksa kembali pengaturan di konsol Google Cloud

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

Arahkan ke console.cloud.google.com
Cari proyek Anda
1. Klik pada pilihan proyek
2. Cari proyek Anda dengan nama yang tepat dari proyek Firebase Anda dan klik pada itu. Pada kasus saya, itu adalah sociallogin-tutorial-app.
Buka bar pencarian dan buka credentials
1. Buka bar pencarian
2. Cari credentials dan klik pada APIs and Services satu (nomor 2 pada tangkapan layar)
Verifikasi bahwa Anda melihat baik ID klien Android dan Web dalam daftar.

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.
Bisa juga, dan telah terjadi pada saya, bahwa Anda sudah menambahkan hash SHA1 Android dengan ID aplikasi yang sama di proyek lain. 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.
Pastikan ID klien Android telah terkonfigurasi dengan benar di konsol Firebase.
1. Klik pada Android Aplikasi
2. Pastikan hash SHA1 telah terkonfigurasi dengan benar dan sesuai dengan yang Anda salin sebelumnya.
Pastikan ID klien Web telah terkonfigurasi dengan benar di konsol Firebase.
1. Klik pada tombol Web app
2. Pastikan ID klien sesuai dengan yang Anda salin pada langkah-langkah sebelumnya.
Silakan abaikan pengaturan web client lainnya. Kami akan membahas ini pada panduan pengaturan web.

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

Pengaturan

Jika autentikasi mengalami keterlambatan atau gagal:

Pastikan idToken audience 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 aplikasi contoh code untuk referensi

Jika Anda menggunakan Firebase Google Login pada Android untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Menggunakan @capgo/capacitor-login-sosial untuk kemampuan asli di Menggunakan @capgo/capacitor-login-sosial, @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-asli untuk detail implementasi di @capgo/capacitor-biometrik-asli, dan Autentikasi dua faktor untuk detail implementasi di Autentikasi dua faktor.