Firebase Google Login pada iOS

Copas prompt pengaturan dengan langkah instalasi dan panduan markdown lengkap untuk plugin ini.

Pendahuluan

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

Bagian berjudul “Langkah-Langkah Pengaturan”

Pergi ke tampilan ringkasan proyek Anda di console.cloud.google.com
Klik pada tombol 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 iOS
Isi bagian pertama dari formulir
1. Isi Apple bundle ID
  1. Buka Xcode di aplikasi Anda menggunakan npx cap open ios
  2. Klik dua kali pada App
  3. Pastikan Anda berada di Targets -> App
  4. Cari Bundle Identifier
    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 sisa panduan ini.
  5. Salin dan tempelkan di console Firebase Bundle Identifier Tombol Tambah Aplikasi iOS Firebase
2. Klik pada tombol Register app Tombol Daftar iOS Tambah Aplikasi Firebase
Langkah Skip Download Tambah Aplikasi iOS Firebase Download config file Lepaskan langkah
untuk sisa panduan ini. Add firebase SDK Salin dan tempelkan di console Firebase
Lewati langkah ini Add initialization code Tambahkan Aplikasi Firebase iOS Lewati Tambahkan Inisialisasi __CAPGO_KEEP_0__ Tombol
Tombol Continue to console Lanjutkan ke Konsole
Lihat Google Cloud Console di YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. console.cloud.google.com Temukan proyek Anda
2. Klik pada selector proyek
  1. Pilih proyek Anda
  2. Cari projek Anda dengan nama yang tepat dari projek 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. Klik pada iOS client for [YOUR_APP_ID] (auto created by Google Service) satu. Dalam kasus saya, itu adalah sociallogin-tutorial-app.
5. Salinlah Client ID termasuk juga iOS URL schemeIni akan menjadi ID dan kunci rahasia Anda iOSClientId dan YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Anda akan melewati iOSClientId dalam initialize metode plugin ini, sementara Anda akan menggunakan YOUR_DOT_REVERSED_IOS_CLIENT_ID dalam Info.plist file aplikasi Anda, seperti yang dijelaskan di bagian berikutnya dari panduan ini.
Dapatkan ID klien web Anda
1. Kembali ke konsol Firebase dan pilih Build -> Authentication
2. Klik pada tombol Sign-in method Tombol Metode Autentikasi Firebase
3. Provider Autentikasi Firebase Google Klik pada Provider Google
4. Klik pada tombol Web SDK configuration Tombol Metode Autentikasi Google
5. Salinlah Web client IDIni akan menjadi ID Anda webClientId dalam initialize metode plugin.
Modifikasi Info.plist aplikasi Anda
1. Buka Xcode dan cari file Info.plist Info.plist
2. Klik kanan pada file ini dan buka sebagai sumber code
3. Di bagian bawah file Anda, Anda akan melihat sebuah tag Plist tag penutup di file Info.plist </dict> Masukkan fragmen berikut sebelum tag penutup
4. Salin ke clipboard </dict> Ubah nilai ini ke nilai yang dicopy di langkah 9 (skema URL iOS)
```
<key>CFBundleURLTypes</key>
<array>
<dict>
  <key>CFBundleURLSchemes</key>
  <array>
    <string>YOUR_DOT_REVERSED_IOS_CLIENT_ID</string>
  </array>
</dict>
</array>
<key>GIDClientID</key>
<string>YOUR_IOS_CLIENT_ID.apps.googleusercontent.com</string>
```
5. At the bottom of your YOUR_DOT_REVERSED_IOS_CLIENT_ID file, you will see a
  
  __CAPGO_KEEP_0__ harus dimulai dengan STARTS dengan com.googleusercontent.apps
Ubah ke YOUR_IOS_CLIENT_ID ID Klien iOS yang Anda salin di langkah 9
Simpan file dengan Command + S

Ubah AppDelegate.swift

Buka file AppDelegate
Masukkan import GoogleSignIn di atas file
Temukan func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) fungsi

Modifikasi fungsi untuk terlihat seperti ini

func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
    // Called when the app was launched with a url. Feel free to add additional processing here,
    // but if you want the App API to support tracking app url opens, make sure to keep this call

    var handled: Bool

    handled = GIDSignIn.sharedInstance.handle(url)
    if handled {
      return true
    }

    return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
}

Fungsi aplikasi yang dimodifikasi dengan penanganan GoogleSignIn

Simpan file dengan Command + S

Menggunakan login Google di aplikasi Anda

Pada langkah ini, Anda sudah siap untuk menggunakan login Google di aplikasi Anda. Silakan gunakan authUtils.ts file contoh aplikasi untuk mengautentikasi dengan Google

Pengguna akan dibuat secara otomatis di Firebase Auth pada pertama kali login

Pengaturan

Jika autentikasi terhambat atau gagal:

Periksa bahwa idToken audience sesuai dengan ID klien web Firebase Anda
Periksa bahwa Google Sign-In diaktifkan di Firebase Console
Pastikan Info.plist memiliki URL schemes dan GIDClientID yang benar
Periksa iOSServerClientId sesuai dengan ID klien web Anda
Tinjau contoh aplikasi __CAPGO_KEEP_0__ example app code untuk referensi

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