Firebase Login Google pada iOS

Pendahuluan

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

Perhatian

Saya akan asumsikan bahwa Anda belum menciptakan aplikasi iOS Anda di Firebase Console. Jika Anda telah melakukannya, langkah-langkah Anda akan sedikit berbeda.

Langkah-Langkah Pengaturan

1. Buka halaman ringkasan proyek Anda di console.cloud.google.com

   

2. Klik pada tombol Add app tombol

   

   Peringatan

   Mungkin Anda harus mencari di sini tombol ini. Hal ini hanya berlaku jika Anda telah membuat aplikasi yang berbeda di Firebase Console.

   

3. Pilih iOS

   

4. Isi bagian pertama dari formulir

   1. Isi Apple bundle ID
      1. Buka Xcode di aplikasi Anda npx cap open ios
      2. Doppel klik pada App
      3. Pastikan Anda berada di Targets -> App
      4. Cari ID Bundle Identifier

         Perlu diingat

         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 console Firebase
   2. Klik pada tombol Register app button

5. Lewatkan langkah Download config file step

   

6. Lewatkan langkah Add firebase SDK Firebase Tambah Aplikasi iOS Lewatkan Unduh Firebase __CAPGO_KEEP_0__ Tombol

   

7. step Add initialization code Firebase Tambah Aplikasi iOS Lewatkan Unduh Firebase __CAPGO_KEEP_0__ Button

   

8. Klik pada tombol Continue to console tombol

   

9. Dapatkan ID klien iOS Anda dan ID klien Anda YOUR_DOT_REVERSED_IOS_CLIENT_ID

   1. Buka konsol Google Cloud 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 baris pencarian dan buka credentials

      1. Buka baris pencarian
      2. Cari 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 well sebagai iOS URL schemeIni akan menjadi masing-masing milik Anda iOSClientId dan YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      Peringatan

      Anda akan menggunakan metode iOSClientId di dalam initialize metode dari plugin, sementara Anda akan menggunakan YOUR_DOT_REVERSED_IOS_CLIENT_ID di dalam Info.plist file aplikasi Anda, seperti yang dijelaskan di bagian berikutnya dari panduan ini.

      

10. Ambil ID klien web Anda

    1. Kembali ke console Firebase dan pergi ke Build -> Authentication
    2. Klik pada tombol Sign-in method tombol
    3. Klik pada Google provider
    4. Klik pada Web SDK configuration tombol
    5. Salin Web client ID Ini akan menjadi kode Anda webClientId dalam metode plugin ini. initialize Metode Pendaftaran Firebase Sign-in Web __CAPGO_KEEP_0__ Konfigurasi Web ID Klien

11. Buka Xcode dan cari file

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

       

    2. Right click this file and open it as source code

       

    3. di bagian bawah file Anda, Anda akan melihat tag Plist di bagian bawah file Anda, Anda akan melihat tag </dict> di bagian bawah file Anda, Anda akan melihat tag

       

    4. Masukkan fragmen berikut tepat sebelum menutup 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 ke nilai yang dicopy di langkah 9 (skema URL iOS) YOUR_DOT_REVERSED_IOS_CLIENT_ID Info.plist dengan ID klien yang diubah menjadi balik dimasukkan di skema URL

       

       Pastikan nilai ini

       DIMULAI Info.plist dengan skema URL yang sesuai dengan com.googleusercontent.apps

12. Ubah ke ID Klien iOS yang Anda salin pada langkah 9 YOUR_IOS_CLIENT_ID Simpan file dengan

13. Modifikasi Command + S

14. Buka file AppDelegate AppDelegate.swift

    1. Buka file AppDelegate.swift di navigator proyek Xcode

       

    2. di atas file AppDelegate.swift dengan import GoogleSignIn ditambahkan import GoogleSignIn Cari

       

    3. __CAPGO_KEEP_0__ func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) __CAPGO_KEEP_1__

       

    4. Modifikasi 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)
       }

       

    5. Simpan file dengan Command + S

15. Menggunakan login Google di aplikasi Anda

    Pada langkah ini, Anda sudah siap untuk menggunakan login Google di aplikasi Anda. Silakan gunakan authUtils.ts berkas contoh aplikasi untuk mengautentikasi dengan Google.

Pengguna akan dibuat secara otomatis di Firebase Auth pada pertama kali sign-in

Pengaturan

Jika autentikasi mengalami keterlambatan atau gagal:

• Pastikan idToken audience sesuai dengan ID klien web Firebase Anda
• Periksa apakah Google Sign-In telah diaktifkan di Firebase Console
• Pastikan Info.plist memiliki URL schemes dan GIDClientID yang benar
• Pastikan iOSServerClientId sesuai dengan ID klien web Anda
• Lihat contoh aplikasi code untuk referensi