Login Google Firebase di iOS

Salin 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 tombol 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. Dua kali klik 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 button
Lebihkan langkah ini Download config file langkah
Lebihkan langkah ini Add firebase SDK langkah
Lebihkan 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 https://console.cloud.google.com
2. Cari 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 pada tangkapan layar
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 di bagian selanjutnya dari panduan ini. YOUR_DOT_REVERSED_IOS_CLIENT_ID Google Cloud Console Credentials iOS Client ID Salin Info.plist Dapatkan ID klien web Anda
Pilih menu
1. Tombol Build -> Authentication
2. __CAPGO_KEEP_1__ Sign-in method __CAPGO_KEEP_2__
3. Klik pada tombol Google provider
4. Klik pada tombol Web SDK configuration tombol
5. Salinlah Web client ID. Ini akan menjadi __CAPGO_KEEP_0__ Anda di webClientId metode initialize Metode Autentikasi Firebase Web __CAPGO_KEEP_0__ Konfigurasi ID Klien Web
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 tag Plist Tag penutup di file Info.plist </dict> Masukkan fragmen berikut sebelum tag penutup
4. tag penutup di Info.plist </dict> fragmen di bawah tag penutup
```
<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. Ganti dengan YOUR_DOT_REVERSED_IOS_CLIENT_ID ke nilai yang disalin pada langkah 9 (skema URL iOS)
  
  Pastikan nilai ini MEMULAI dengan com.googleusercontent.apps
Ganti dengan YOUR_IOS_CLIENT_ID ke ID klien iOS yang Anda salin pada langkah 9
Simpan file dengan Command + S

Ubah AppDelegate.swift

Buka file AppDelegate
Masukkan import GoogleSignIn Pada bagian atas file
Cari func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) Fungsi

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

Perbarui fungsi buka URL aplikasi dengan penanganan GoogleSignIn

Simpan file dengan Command + S

Menggunakan login Google di aplikasi Anda

Pada langkah 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:

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

Section titled “Teruskan dari Firebase Google Login di iOS” Jika Anda menggunakan Firebase Google Login di iOS Untuk 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 @capgo/capacitor-native-biometric untuk detail implementasi dalam @capgo/capacitor-native-biometric, dan Dua faktor autentikasi untuk detail implementasi dalam Dua faktor autentikasi.