Firebase Google Login pada Android

Panduan untuk mengatur

Panduan untuk mengatur dengan bantuan AI

Petunjuk ini akan membantu Anda mengintegrasikan Sign-In Google dengan Firebase Authentication pada Android. Saya asumsikan Anda telah menyelesaikan pengaturan Firebase Google secara umum. Pengaturan Firebase Google Umum

Langkah-Langkah Pengaturan

Pergi ke tampilan ringkasan proyek Anda di console.cloud.google.com
Klik pada Add app button

Mungkin Anda harus mencari tombol ini di sini. Hal ini hanya berlaku jika Anda telah membuat aplikasi yang berbeda di Firebase Console.
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. Pada bagian bawah navigator, cari Gradle Scripts
  3. Cari build.gradle untuk modul app
  4. Salinlah android.defaultConfig.applicationId Ini akan menjadi package name dalam konsol Firebase
  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.
  1. Pisahkan kode tersebut di konsol Firebase
2. Klik pada tombol Register app tombol
Lebihkan langkah Download and then add config file langkah
Lebihkan langkah Add firebase SDK langkah
Klik pada tombol Continue to console button
Jika Anda tidak dapat masuk secara otomatis, pergi ke settings -> general -> your apps -> cari aplikasi android Anda dan klik pada tombolnya
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 Geser ke atas perintah ini. Anda harus melihat hal berikut. Salin ./gradlew signInReport
2. __CAPGO_KEEP_0__ 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 ANDROID GOOGLE untuk mendapatkan benar.
Tambahkan SHA1 ke proyek Firebase
1. Klik pada tombol Add fingerprint button
2. Salin nilai SHA1 yang Anda salin pada langkah sebelumnya
3. Klik pada tombol Save tombol
Dapatkan ID klien web Anda
1. Buka menu Build -> Authentication
2. tombol Sign-in method Metode Masuk Firebase Autentikasi Tombol
3. Klik pada Google Pilih
4. Klik pada Web SDK configuration Klik tombol
5. Salin Web client ID. Ini akan menjadi webClientId di initialize metode plugin Anda.
Pakai ID klien web di JS.

Saya merekomendasikan menggunakan fungsi bantuan yang tersedia di file authUtils.ts dari contoh aplikasi. authenticateWithGoogle Saya merekomendasikan menggunakan fungsi bantuan yang tersedia di file authUtils.ts dari contoh aplikasi. Saya merekomendasikan menggunakan fungsi bantuan yang tersedia di file authUtils.ts dari contoh aplikasi. Sekarang Anda sudah siap teknis untuk menggunakan Google Sign-In dengan Firebase Authentication di Android. Namun, saya merekomendasikan untuk memeriksa kembali pengaturan di console Google Cloud seperti yang dijelaskan di langkah berikutnya.

Meriksa kembali pengaturan di console Google Cloud. Langkah berikutnya: Meriksa kembali pengaturan di console Google Cloud. Untuk memastikan bahwa pengaturan sudah benar, Anda harus memeriksa kembali pengaturan di console Google Cloud.

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

Pergi ke console.cloud.google.com
Cari 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.
Buka bar pencarian dan buka credentials
1. Buka bar pencarian
2. Cari credentials dan klik pada APIs and Services satu (nomor 2 pada screenshot)
Pastikan Anda melihat baik ID klien Android maupun Web dalam daftar.

Jika Anda tidak melihat baik ID klien Android maupun Web dalam daftar, Anda telah melakukan kesalahan dalam pengaturan. Silakan kembali dan periksa langkah-langkah Anda.
Selain itu, kemungkinan besar 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 console Firebase untuk menghapus aplikasi android) dan merekayanya di Firebase.
Pastikan ID klien Android telah dikonfigurasi dengan benar di console Firebase.
1. Klik pada Android Aplikasi
2. Pastikan bahwa hash SHA1 telah dikonfigurasi dengan benar dan sesuai dengan yang Anda salin pada langkah-langkah sebelumnya.
Pastikan bahwa ID klien web telah dikonfigurasi dengan benar di console Firebase.
1. Klik pada Web aplikasi
2. Pastikan bahwa ID klien sesuai dengan yang Anda salin pada langkah-langkah sebelumnya.
Silakan abaikan pengaturan lainnya dari klien web. Kami akan membahas ini pada petunjuk pengaturan web.

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

Troubleshooting

Jika autentikasi mengalami keterlambatan atau gagal:

Pastikan idToken audience sesuai dengan ID klien web Firebase Anda
Periksa apakah Sign-In Google telah diaktifkan di Firebase Console
Pastikan fingerprint SHA-1 telah dikonfigurasi dengan benar
Review aplikasi contoh __CAPGO_KEEP_0__ example app code Teruskan dari Login Google Firebase pada Android

Jika Anda menggunakan Firebase Google Login pada Android untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Menggunakan @capgo/capacitor-social-login untuk kemampuan asli dalam Menggunakan @capgo/capacitor-social-login, @capgo/capacitor-social-login untuk detail implementasi dalam @capgo/capacitor-social-login, @capgo/capacitor-passkey untuk detail implementasi dalam @capgo/capacitor-passkey, dan @capgo/capacitor-native-biometric untuk detail implementasi dalam @capgo/capacitor-native-biometric Autorisasi Dua Faktor untuk detail implementasi di Autorisasi Dua Faktor.