Firebase Google Login su iOS

Introduzione

Questa guida ti aiuterà a integrare l'accesso Google con l'autenticazione Firebase su iOS. Suppongo che tu abbia già completato il Configurazione generale di Firebase Google.

Nota

Suppongo che tu non abbia ancora creato il tuo app iOS nel Console di Firebase. Se l'hai fatto, i tuoi passaggi saranno leggermente diversi.

Setup Steps

1. Vai alla tua panoramica del progetto su console.cloud.google.com

   

2. Clicca sul Add app button

   

   Nota

   È possibile che dovrai cercare qui questo pulsante. Ciò si applica solo se hai già creato un'app diversa nel Console Firebase.

   

3. Scegli iOS

   

4. Compila la prima parte del modulo

   1. Compila Apple bundle ID
      1. Apri Xcode nel tuo progetto di app npx cap open ios
      2. Doppio clic su App
      3. Assicurati di essere su Targets -> App
      4. Trova il tuo Bundle Identifier

         Nota

         L'ID mostrato qui sarà diverso da quello che utilizzerò per il resto della guida. Utilizzerò app.capgo.plugin.SocialLogin per il resto della guida.

      5. Copia il Bundle Identifier e incollalo nel console di Firebase
   2. Clicca sul Register app bottoni

5. Saltare lo Download config file passaggio

   

6. Saltare lo Add firebase SDK Passo

   

7. Salta il Add initialization code Passo

   

8. Clicca sul Continue to console button

   

9. Ottieni il tuo ID client iOS e il tuo YOUR_DOT_REVERSED_IOS_CLIENT_ID

   1. Vai al Console di Google Cloud a console.cloud.google.com

   2. Cerca il tuo progetto

      1. Seleziona il progetto cliccando sul relativo selettore
      2. Cerca il tuo progetto esattamente con il nome del tuo progetto Firebase e clicca su di esso. Nel mio caso è sociallogin-tutorial-app.

   3. Apre la barra di ricerca e apre credentials

      1. Apre la barra di ricerca
      2. Cerca credentials e clicca sul APIs and Services uno (numero 2 nella schermata)

   4. Clicca sul iOS client for [YOUR_APP_ID] (auto created by Google Service) 1. In mio caso, è sociallogin-tutorial-app.

      

   5. Copia il Client ID as well as the iOS URL scheme. Questo sarà rispettivamente il tuo iOSClientId e YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      Note

      You will pass the iOSClientId Passerai il initialize in il metodo del plugin, mentre utilizzerai il YOUR_DOT_REVERSED_IOS_CLIENT_ID Passerai il Info.plist file del tuo app, come spiegato nella parte successiva di questa guida.

      

10. Ottieni il tuo ID client web

    1. Torna al console Firebase e vai a Build -> Authentication
    2. Clicca sul Sign-in method bottoni
    3. Clicca sul Google provider
    4. Clicca sul Web SDK configuration button
    5. Copia il Web client IDQuesto sarà il tuo webClientId nel initialize metodo del plugin.

11. Modifica il file Info.plist del tuo app

    1. Apre Xcode e trova il Info.plist file

       

    2. Clicca con il tasto destro su questo file e apriolo come fonte code

       

    3. In fondo al tuo Plist file, vedrai un </dict> etichetta

       

    4. Inserisci il seguente frammento subito prima della chiusura </dict> etichetta

       

       <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. Cambia il YOUR_DOT_REVERSED_IOS_CLIENT_ID in il valore copiato nel passo 9 (lo schema URL iOS)

       

       Attenzione

       Assicurati che questo valore INIZIA con com.googleusercontent.apps

12. Modifica il YOUR_IOS_CLIENT_ID al Client ID iOS che hai copiato nel passo 9

13. Salva il file con Command + S

14. Modifica il AppDelegate.swift

    1. Apri il file AppDelegate

       

    2. Inserisci import GoogleSignIn At the top of the file

       

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

       

    4. Modifica la funzione per farla assomigliare a questa

       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. Salva il file con Command + S

15. Utilizzare il login Google nel tuo app

    A questo punto, sei pronto a utilizzare il login Google nel tuo app. Per favore utilizza il authUtils.ts file dell'esempio dell'app per autenticarsi con Google.

L'utente verrà creato automaticamente in Firebase Auth al primo accesso.

Risolvere i problemi

Se l'autenticazione si blocca o fallisce:

• Verifica che idToken l'audience corrisponda al tuo ID del client web Firebase
• Controlla che Google Sign-In sia abilitato nel Firebase Console
• Assicurati che Info.plist abbia i corretti schemi di URL e GIDClientID
• Verifica iOSServerClientId corrisponda al tuo ID del client web
• Rivista il esempio di app code per riferimento

Continua da Firebase Google Login su iOS

Se stai utilizzando Firebase Google Login su iOS per pianificare l'autenticazione e le flussi di account, connettilo con Utilizza @capgo/capacitor-login-social per la capacità nativa in Utilizza @capgo/capacitor-login-social @capgo/capacitor-login-social per il dettaglio di implementazione in @capgo/capacitor-login-social @capgo/capacitor-chiave-pass per i dettagli di implementazione in @capgo/capacitor-passkey, @capgo/capacitor-autenticazione-biometrica per i dettagli di implementazione in @capgo/capacitor-native-biometric, e Autenticazione a due fattori per i dettagli di implementazione in Autenticazione a due fattori.