Firebase Google Login pada iOS

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

Bab berjudul “Pendahuluan”

Instal, sinkron, dan ikuti panduan sumber lengkap dari satu prompt yang dapat dicopy. Pengaturan Umum Firebase Google.

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 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. 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 tombol Register app tombol
Lepaskan langkah Download config file Firebase Tambahkan Aplikasi iOS Lepaskan Tombol Unduh
Firebase Tambahkan Aplikasi iOS Lepaskan Firebase __CAPGO_KEEP_0__ Tombol Add firebase SDK Lepaskan langkah
Klik pada tombol Add initialization code button
button Continue to console button
Ambil ID klien iOS dan ID Anda YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Buka Konsole Cloud Google 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 satu (nomor 2 pada screenshot)
4. Klik pada iOS client for [YOUR_APP_ID] (auto created by Google Service) satu. Di kasus saya, itu adalah sociallogin-tutorial-app.
5. Salin Client ID sebagai juga iOS URL scheme. Ini akan menjadi masing-masing iOSClientId dan YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Anda akan melewati iOSClientId dalam initialize metode plugin, sementara Anda akan menggunakan YOUR_DOT_REVERSED_IOS_CLIENT_ID dalam Info.plist file aplikasi Anda, seperti yang dijelaskan dalam bagian selanjutnya dari panduan ini.
Ambil ID klien web Anda
1. Kembali ke console Firebase dan pergi ke Build -> Authentication
2. Klik pada Sign-in method tombol
3. Klik pada Google pengguna
4. Klik pada Web SDK configuration tombol
5. Salin Web client ID. Ini akan menjadi webClientId di initialize metode plugin.
Ubah 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, Anda akan melihat tag Plist Tag penutup di file Info.plist </dict> Masukkan fragmen berikut sebelum tag penutup
4. tag </dict> tag
```
<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 disalin pada langkah 9 (skema URL iOS)
  
  Pastikan nilai ini MULAI dengan com.googleusercontent.apps
Ubah menjadi YOUR_IOS_CLIENT_ID ke ID klien iOS yang disalin pada langkah 9
Simpan file dengan Command + S

Ubah AppDelegate.swift

Buka AppDelegate
Tulis import GoogleSignIn di 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)
}

Fungsi aplikasi terbuka openURL yang telah 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

Periksa

apakah audience sesuai dengan ID klien Firebase web Anda idToken Section titled “Pengaturan”
Pastikan 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
Review contoh aplikasi __CAPGO_KEEP_0__ example app code Teruskan dari Firebase Google Login on iOS

Jika Anda menggunakan Firebase Google Login on iOS untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Jika Anda menggunakan Firebase Google Login on iOS untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Jika Anda menggunakan Firebase Google Login on iOS untuk merencanakan autentikasi dan alur akun, hubungkannya dengan Menggunakan @capgo/capacitor-login-media sosial untuk kemampuan asli dalam Menggunakan @capgo/capacitor-login-media sosial, @capgo/capacitor-login-media sosial untuk detail implementasi dalam @capgo/capacitor-login-media sosial, @capgo/capacitor-passkey untuk detail implementasi dalam @capgo/capacitor-passkey, @capgo/capacitor-biometrik asli untuk detail implementasi dalam @capgo/capacitor-biometrik asli, dan Autentikasi dua faktor untuk detail implementasi dalam Autentikasi dua faktor.