Login Google Firebase pada Android

Pendahuluan

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

Catatan

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

Langkah-Langkah Pengaturan

1. Lihatlah ringkasan proyek Anda di console.cloud.google.com

   

2. Klik pada tombol Add app Tombol Tambah Aplikasi Firebase

   

   Perlu diingat

   Mungkin Anda harus mencari di sini tombol ini. 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. Di bagian bawah navigator, cari Gradle Scripts
      3. Cari build.gradle untuk modul app
      4. Salinlah android.defaultConfig.applicationIdHal ini akan menjadi ID Anda package name di konsol Firebase

      Peringatan

      ID yang ditampilkan di sini akan berbeda dari yang saya gunakan untuk sisa panduan. Saya akan menggunakan app.capgo.plugin.SocialLogin untuk sisa panduan

      5. Salinlah dan tempelkan di konsol Firebase
   2. Klik pada Register app Tombol

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

   

6. Lepaskan langkah ini Add firebase SDK Tombol

   

7. Jika Anda tidak dapat masuk secara otomatis, pergi ke Continue to console __CAPGO_KEEP_0__

   

8. Tombol Lanjut ke Konsole 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 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 atas perintah ini. Anda harus melihat hal berikut. Salin ./gradlew signInReport

      

   2. Catatan SHA1.

      

   Firebase Tambah Aplikasi Pengaturan Android Umum Aplikasi Anda Tombol

   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 mendapatkannya dengan benar. Jika Anda salah, autentikasi akan gagal dalam cara yang aneh. Silakan BACA PANDUAN SETUP LOGIN ANDROID GOOGLE untuk mendapatkannya dengan benar.

10. Tambahkan SHA1 ke proyek Firebase

    1. Klik pada Add fingerprint tombol
    2. Salin SHA1 yang Anda copi 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 Google provider
    4. Klik pada tombol Web SDK configuration tombol
    5. Salinlah Web client IDIni akan menjadi webClientId anda di initialize metode plugin.
    

12. Gunakan ID client web di JS.

    Peringatan

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

Pada titik ini, Anda sudah TECHNICALLY siap menggunakan Google Sign-In dengan Firebase Authentication di Android. Namun, saya sarankan Anda 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. Buka console.cloud.google.com

2. Cari proyek Anda

   1. Klik pada pilihan 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 satu (nomor 2 pada tangkapan layar)

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 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. Pastikan hash SHA1 telah dikonfigurasi dengan benar dan sesuai dengan yang Anda salin pada langkah-langkah sebelumnya.

6. Pastikan ID klien Web telah dikonfigurasi dengan benar di konsol Firebase.

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

   Catatan

   Tolak semua pengaturan web client lainnya. Kami akan membahas ini pada Petunjuk Pengaturan Web.

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

Pengaturan

Jika autentikasi mengalami keterlambatan atau gagal:

• Periksa bahwa idToken audience sesuai dengan ID klien web Firebase Anda
• Pastikan Google Sign-In diaktifkan di Firebase Console
• Pastikan fingerprint SHA-1 telah dikonfigurasi dengan benar
• Ulas contoh aplikasi __CAPGO_KEEP_0__ example app code Halaman Edit