Lompat ke konten

Firebase Google Login pada Android

GitHub

Panduan ini akan membantu Anda mengintegrasikan Sign-In Google dengan Firebase Authentication pada Android. Saya asumsikan Anda telah menyelesaikan setup Firebase Google umum. Catatan

Bagian berjudul “Langkah-Langkah Pengaturan”

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

    Ringkasan Proyek Firebase
  2. Klik pada tombol Add app button

    Tombol Tambah Aplikasi Firebase Tombol Tambah Aplikasi Firebase
  3. Pilih Android

    Tombol Tambah Aplikasi Android Firebase
  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 Bagian Skrip Gradle di navigator proyek Android Studio
      3. Cari build.gradle untuk modul app file build.gradle (Modul: aplikasi) di bagian Skrip Gradle
      4. Salin android.defaultConfig.applicationId. Ini akan menjadi package name di konsol Firebase File Build.gradle menampilkan pengaturan applicationId
      1. Salinlah ke konsol Firebase Bidang Nama Paket Android Firebase Tambah Aplikasi
    2. Klik pada Register app tombol Firebase Tambah Aplikasi Tombol Daftar Android
  5. Lewati langkah Download and then add config file step

    Firebase Tambah Aplikasi Langkah 'Unduh dan kemudian tambahkan file konfigurasi'
  6. Lepaskan langkah ini Add firebase SDK langkah

    Firebase Tambah Aplikasi Android Lepaskan firebase SDK
  7. Klik pada tombol ini Continue to console tombol

    Firebase Tambah Aplikasi Android Lanjutkan ke Konsole Tombol
  8. Jika Anda tidak mendapatkan autentikasi secara otomatis, pergi ke settings -> general -> your apps -> cari aplikasi android Anda dan klik pada tombolnya

    Firebase Tambah Aplikasi Android Pengaturan Umum Tombol Aplikasi Anda
  9. Ambil tanda tangan SHA1 Anda

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

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

      Scroll ke atas perintah ini. Anda harus melihat hal berikut. Salin
    2. Terminal output menampilkan fingerprint sertifikat SHA1 SHA1.

      Catatan
  10. Tambahkan SHA1 ke proyek Firebase

    1. Klik pada tombol Add fingerprint Firebase Tambahkan Aplikasi Android Tambahkan Jejak Tombol Salin SHA1 yang Anda copi pada langkah sebelumnya
    2. Firebase Tambahkan Aplikasi Android Tambahkan Jejak Bidang SHA1 Klik pada tombol
    3. Firebase Tambahkan Aplikasi Android Tambahkan Jejak Simpan Tombol Save Dapatkan ID klien web Anda Pergi ke
  11. __CAPGO_KEEP_0__

    1. __CAPGO_KEEP_1__ Build -> Authentication Menu Autentikasi Firebase
    2. Klik pada tombol Sign-in method Firebase Autentikasi Metode Tanda Tangan Masuk Tombol Klik pada
    3. Firebase Autentikasi Metode Provider Google Klik pada Firebase Autentikasi Metode Tanda Tangan Masuk Google Provider
    4. Klik pada Web SDK configuration Firebase Autentikasi Metode Tanda Tangan Masuk Web __CAPGO_KEEP_0__ Konfigurasi Tombol Firebase Authentication Sign-in Method Web SDK Configuration Button
    5. . Ini akan menjadi Anda']} Web client ID. This will be your webClientId dalam metode plugin. initialize Firebase Authentication Sign-in Method Web __CAPGO_KEEP_0__ Konfigurasi Web Client ID
    Firebase Authentication Sign-in Method Web SDK Configuration Web Client ID
  12. Catatan

TECHNICALLY (tetapi tidak secara resmi) dengan menggunakan metode ini Anda sudah dapat melakukan login menggunakan Firebase Authentication siap digunakan Google Sign-In dengan Firebase Authentication di Android. Namun, saya sarankan untuk memeriksa ulang pengaturan di konsol Google Cloud seperti yang dijelaskan di langkah berikutnya.

Periksa ulang pengaturan di konsol Google Cloud

Judul bagian “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 Selector Proyek Google Cloud Console
    2. Cari proyek Anda dengan nama yang tepat dari proyek Firebase Anda dan klik pada itu. Dalam kasus saya, itu adalah sociallogin-tutorial-app. Selector Proyek Firebase Project
  3. Buka bar pencarian dan buka credentials

    1. Terbuka baris pencarian Google Cloud Console Bar Pencarian
    2. Cari untuk credentials dan klik pada APIs and Services satu (nomor 2 pada tangkapan layar) Google Cloud Console Pencarian Kredensial
  4. Pastikan Anda melihat kedua ID klien Android dan Web dalam daftar.

    Daftar Kredensial Google Cloud Console
  5. Pastikan ID klien Android telah dikonfigurasi dengan benar di Firebase console.

    1. Klik pada Android app Google Cloud Console Android App Select
    2. Pastikan hash SHA1 telah dikonfigurasi dengan benar dan sesuai dengan yang telah Anda salin pada langkah-langkah sebelumnya. Google Cloud Console Android App SHA1 Configured
  6. Pastikan ID klien Web telah dikonfigurasi dengan benar di Firebase console.

    1. Klik pada Web app Google Cloud Console Web App Select
    2. Pastikan ID klien sesuai dengan yang telah Anda salin pada langkah-langkah sebelumnya. Google Cloud Console Web App Client ID Configured

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

Jika autentikasi terhambat atau gagal:

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

Lanjutkan dari Firebase Google Login pada Android

Judul bagian “Lanjutkan dari Firebase Google Login pada Android”

Jika Anda menggunakan Firebase Google Login pada 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 di @capgo/capacitor-passkey @capgo/capacitor-native-biometric untuk detail implementasi di @capgo/capacitor-native-biometric, dan Autentikasi Dua Faktor untuk detail implementasi di Autentikasi Dua Faktor.