Login Google Firebase di iOS

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

Pendahuluan

Panduan ini akan membantu Anda mengintegrasikan Sign-In Google dengan Otentikasi Firebase pada iOS. Saya asumsikan Anda telah menyelesaikan langkah-langkah sebelumnya. Konfigurasi Firebase Google Umum.

Langkah-Langkah Pengaturan

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

Mungkin Anda harus mencari tombol ini di sini. Hal ini berlaku hanya jika Anda telah membuat aplikasi yang berbeda di Firebase Console sebelumnya.
Pilih iOS
Isi bagian pertama dari formulir
1. Isi Apple bundle ID
  1. Buka Xcode di aplikasi Anda menggunakan npx cap open ios
  2. Dengan mengklik dua kali pada App
  3. Pastikan Anda berada di Targets -> App
  4. Cari Bundle Identifier
    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.
  5. Salin Bundle Identifier dan tempelkan di console Firebase
2. Klik pada tombol Register app Klik tombol
Lepaskan langkah ini Download config file langkah
Lepaskan langkah ini Add firebase SDK langkah
Lepaskan langkah ini Add initialization code langkah
Klik pada tombol ini Continue to console Tombol ini
Dapatkan ID klien iOS Anda dan Anda YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Pergi ke Konsole Google Cloud di console.cloud.google.com
2. Temukan proyek Anda
  1. Klik pada pemilih 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 untuk credentials dan klik pada APIs and Services nomor 2 di screenshot
4. Klik pada iOS client for [YOUR_APP_ID] (auto created by Google Service) salah satu. Di kasus saya, itu adalah sociallogin-tutorial-app.
5. Salin Client ID sebagai iOS URL schemeini. Ini akan menjadi masing-masing iOSClientId anda YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Anda akan melewati iOSClientId dalam metode plugin ini, sementara Anda akan menggunakan initialize dalam file aplikasi Anda, seperti yang dijelaskan dalam bagian selanjutnya dari panduan ini. YOUR_DOT_REVERSED_IOS_CLIENT_ID ID Klien iOS Console Cloud Google Salin Info.plist Dapatkan ID klien web Anda
Pilih menu Autentikasi Firebase
1. Klik tombol Build -> Authentication
2. __CAPGO_KEEP_0__ Sign-in method __CAPGO_KEEP_1__
3. Klik pada Google penyedia
4. Klik pada Web SDK configuration tombol
5. Salinlah Web client ID. Ini akan menjadi webClientId anda di initialize metode
Ubah konfigurasi Info.plist aplikasi Anda
1. Buka Xcode dan cari file Info.plist file
2. Klik kanan pada file ini dan buka sebagai sumber code
3. Pada bagian bawah file, Anda akan melihat sebuah Plist tag </dict> Tag penutup di file Info.plist
4. Masukkan fragmen berikut sebelum penutup tag </dict> Penutup tag di Info.plist
```
<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. Ubah ke YOUR_DOT_REVERSED_IOS_CLIENT_ID menjadi nilai yang dicopy pada langkah 9 (skema URL iOS)
  
  Pastikan nilai ini MULAI dengan com.googleusercontent.apps
Ubah ke ID klien iOS yang Anda salin pada langkah 9 YOUR_IOS_CLIENT_ID Pilihlah nilai yang tepat
Simpan file dengan Command + S

Modifikasi AppDelegate.swift

Buka file AppDelegate
Masukkan import GoogleSignIn di atas file AppDelegate.swift dengan import GoogleSignIn ditambahkan
fungsi func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) Fungsi aplikasi asli openURL di AppDelegate

Salin ke clipboard

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)
}

Memodifikasi fungsi aplikasi openURL dengan pengaturan GoogleSignIn

Simpan file dengan Command + S

Menggunakan login Google di aplikasi Anda

Pada tahap ini, Anda sudah siap 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 mengalami keterlambatan atau gagal:

Periksa idToken audience sesuai dengan ID klien Firebase web
Periksa bahwa Google Sign-In telah diaktifkan di Firebase Console
Pastikan Info.plist memiliki skema URL yang benar dan GIDClientID
Verifikasi iOSServerClientId cocok dengan ID klien web Anda
Ulas contoh aplikasi __CAPGO_KEEP_0__ example app code Lanjutkan dari Firebase Google Login pada iOS

Firebase Google Login pada iOS untuk merencanakan autentikasi dan alur akun, hubungkannya dengan untuk merencanakan autentikasi dan alur akun Gunakan @capgo/capacitor-social-login untuk kemampuan asli di Gunakan @capgo/capacitor-social-login, @capgo/capacitor-social-login untuk detail implementasi di @capgo/capacitor-social-login, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, @capgo/capacitor-native-biometric untuk detail implementasi di @capgo/capacitor-native-biometric, dan Dua faktor autentikasi untuk detail implementasi di Dua faktor autentikasi.