Skip ke konten

Repository Login Sosial __CAPGO_KEEP_0__

GitHub

Copy for AI Konfigurasi Firebase Google Umum.

  1. Pergi ke tampilan ringkasan proyek Anda di console.cloud.google.com

    Tampilan Ringkasan Proyek Firebase
  2. Klik pada tombol Add app Firebase Tambah Aplikasi Tombol

    Tombol Tombol Tambah Aplikasi Firebase
  3. Pilih iOS

    Tombol Tambah Aplikasi iOS Firebase
  4. Isi bagian pertama dari formulir

    1. Isi Apple bundle ID
      1. Buka Xcode di aplikasi Anda menggunakan npx cap open ios
      2. Gesek dua kali pada App Target aplikasi di navigator proyek Xcode
      3. Pastikan Anda berada di Targets -> App Bagian Target di Xcode dengan App yang dipilih
      4. Cari Anda Bundle Identifier Field Identifikasi Paket di pengaturan proyek Xcode
      5. Salinlah Bundle Identifier dan tempelkan di konsol Firebase Field Identifikasi Paket Firebase di Console iOS
    2. Klik pada tombol Register app button Tambahkan Aplikasi Firebase iOS Tombol Pendaftaran
  5. Lepaskan langkah ini Download config file langkah

    Tombol Skip Download Aplikasi Firebase iOS
  6. Lepaskan langkah ini Add firebase SDK langkah

    Tombol Skip Download Firebase SDK iOS
  7. Lepaskan langkah ini Add initialization code langkah

    Tombol Skip Inisialisasi Aplikasi Firebase iOS Code
  8. Klik pada tombol ini Continue to console Tombol

    Tambahkan Aplikasi Firebase iOS Lanjutkan ke Konsole Tombol
  9. 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 Pemilih Proyek Konsole Google Cloud
      2. Cari proyek Anda dengan nama yang tepat dari proyek Firebase Anda dan klik pada itu. Dalam kasus saya, itu adalah sociallogin-tutorial-app. Pemilih Proyek Proyek Firebase
    3. Buka bar pencarian dan buka credentials

      1. Buka bar pencarian Bar Pencarian Konsole Google Cloud
      2. Cari untuk credentials dan klik pada APIs and Services nomor 2 pada tangkapan layar Google Cloud Console Cari Kredensial
    4. Klik pada iOS client for [YOUR_APP_ID] (auto created by Google Service) salah satu. Di kasus saya, itu adalah sociallogin-tutorial-app.

      Google Cloud Console Credensial iOS Client ID
    5. Salin sebagai Client ID serta iOS URL scheme . Ini akan menjadi masing-masing kredensial Anda iOSClientId dan YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      Pergi kembali ke console Firebase dan pergi ke
  10. Menu Autentikasi Firebase

    1. Klik pada tombol Build -> Authentication button
    2. __CAPGO_KEEP_0__ Sign-in method __CAPGO_KEEP_1__ Metode Autentikasi Firebase Tombol Masuk
    3. Klik pada tombol Google provider Metode Autentikasi Firebase Provider Google
    4. Klik pada tombol Web SDK configuration tombol Metode Autentikasi Firebase Web SDK Konfigurasi Tombol
    5. Salinlah Web client ID. Ini akan menjadi __CAPGO_KEEP_0__ Anda di webClientId metode plugin ini. initialize Metode Autentikasi Firebase Web __CAPGO_KEEP_0__ Konfigurasi Klien Web ID Metode Autentikasi Firebase Web SDK Konfigurasi Klien ID Web
  11. Ubah konfigurasi Info.plist aplikasi Anda

    1. Buka Xcode dan cari file Info.plist file

      File Info.plist di navigator proyek Xcode
    2. Klik kanan pada file ini dan buka sebagai sumber code

      Menu klik kanan menampilkan opsi 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

      Masukkan fragmen berikut sebelum tag penutup
    4. Masukkan fragmen berikut sebelum tag penutup </dict> Masukkan fragmen berikut sebelum tag penutup

      Berikut adalah Info.plist dengan skema URL code yang dimasukkan sebelum tag tutup dictionary
      <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)

      Berikut adalah Info.plist dengan ID klien yang sebenarnya dimasukkan dalam skema URL
  12. Ganti dengan YOUR_IOS_CLIENT_ID ke ID klien iOS yang Anda salin pada langkah 9

  13. Simpan file dengan Command + S

  14. Ubahlah AppDelegate.swift

    1. Buka file AppDelegate

      Buka file AppDelegate.swift di navigator Xcode project
    2. Masukkan import GoogleSignIn di atas file AppDelegate.swift dengan import GoogleSignIn ditambahkan

      Cari
    3. fungsi func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) Fungsi aplikasi asli openURL di AppDelegate

      Ubah fungsi untuk terlihat seperti ini
    4. 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 buka URL aplikasi dengan penanganan GoogleSignIn
    5. Simpan file dengan Command + S

  15. 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 masuk

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 Teruskan dari Firebase Google Login di iOS

Judul bagian “Teruskan dari Firebase Google Login di iOS”

Jika Anda menggunakan

Firebase Google Login di iOS untuk merencanakan autentikasi dan alur akun, hubungkannya dengan untuk merencanakan autentikasi dan alur akun, hubungkannya dengan 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.