Firebase Google Login pada iOS

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

Pengenalan

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

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 di sini tombol ini. Ini berlaku hanya jika Anda telah membuat aplikasi yang berbeda di Firebase Console sebelumnya.
Pilih iOS
Isi bagian pertama 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. Temukan 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 bagian lain dari panduan ini.
  5. Salin Bundle Identifier dan tempelkan di konsol Firebase
2. Klik pada Register app tombol
Lepaskan langkah ini Download config file langkah ini
Lepaskan langkah ini Add firebase SDK langkah ini
Lepaskan langkah ini Add initialization code langkah ini
Klik pada Continue to console tombol
Dapatkan ID klien iOS Anda dan ID Anda YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Pergi ke Google Cloud Console di console.cloud.google.com
2. Temukan proyek Anda
  1. Klik pada selector 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 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. Salin Client ID sebagai contoh juga iOS URL scheme. Ini akan menjadi masing-masing kredensial Anda iOSClientId dan YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Anda akan melewati tes ini iOSClientId dalam metode plugin, sementara Anda akan menggunakan initialize dalam file aplikasi Anda, seperti yang dijelaskan di bagian berikutnya dari panduan ini. YOUR_DOT_REVERSED_IOS_CLIENT_ID ID Klien iOS Cloud Console Google Info.plist Ambil ID klien web Anda
Menu Autentikasi Firebase
1. Klik tombol Build -> Authentication
2. Tombol Autentikasi Firebase Sign-in Method Sign-in method Tombol Metode Autentikasi Firebase Sign-in
3. Klik pada Google penyedia
4. Klik pada Web SDK configuration tombol
5. Salinlah Web client ID. Ini akan menjadi webClientId di initialize metode plugin.
Ubahlah Info.plist aplikasi Anda
1. Buka Xcode dan cari file Info.plist file
2. Klik kanan file ini dan buka sebagai sumber code
3. Di bagian bawah file Anda, Anda akan melihat tag Plist Tag penutup di file Info.plist </dict> Masukkan fragmen berikut sebelum tag penutup
4. file </dict> At the bottom of your
```
<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 menjadi YOUR_DOT_REVERSED_IOS_CLIENT_ID ke nilai yang dicopy di langkah 9 (schemes URL iOS)
  
  Pastikan nilai ini DIMULAI dengan com.googleusercontent.apps
Ubah menjadi YOUR_IOS_CLIENT_ID ID Klien iOS yang Anda salin di langkah 9
Simpan file dengan Command + S

Ubahlah AppDelegate.swift

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

Ubahlah 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 telah dimodifikasi 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 file authUtils.ts dari contoh aplikasi untuk melakukan autentikasi dengan Google. Pengguna akan dibuat secara otomatis di Firebase Auth pada saat pertama kali sign-in Pengaturan

Bab berjudul “Pengaturan”

Jika autentikasi mengalami gangguan atau gagal:

audience sesuai dengan ID klien web Firebase Anda

Periksa bahwa Google Sign-In telah diaktifkan di Firebase Console idToken __CAPGO_KEEP_0__
__CAPGO_KEEP_1__
Pastikan Info.plist memiliki URL scheme yang benar dan GIDClientID
Verifikasi iOSServerClientId Sesuai dengan ID klien web Anda
Review aplikasi contoh __CAPGO_KEEP_0__ example app code Teruskan dari Firebase Google Login pada iOS

Firebase Google Login pada iOS untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Menggunakan @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login Using @capgo/capacitor-social-login untuk kemampuan asli di Menggunakan @capgo/capacitor-login-sosial, @capgo/capacitor-login-sosial untuk detail implementasi di @capgo/capacitor-login-sosial, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, @capgo/capacitor-biometrik-asli untuk detail implementasi di @capgo/capacitor-biometrik-asli, dan Autentikasi dua faktor untuk detail implementasi di Autentikasi dua faktor.