Firebase Google Login su iOS

Introduzione

Questa guida ti aiuterà a integrare Google Sign-In con Firebase Authentication su iOS. Assumo che tu abbia già completato la configurazione generale di Firebase Google.

Nota

Supporrò che tu non abbia ancora creato la tua app iOS nella Firebase Console. Se l'hai già fatto, i passaggi saranno leggermente diversi.

Passaggi di setup

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

   

2. Clicca sul Add app pulsante

   

   Nota

   Potrebbe essere necessario cercare il pulsante in questa sezione. Questo accade solo se hai già creato un'altra app nella console Firebase.

   

3. Seleziona iOS

   

4. Compila la prima parte del modulo

   1. Compila il Apple bundle ID
      1. Apri Xcode per la tua app usando npx cap open ios
      2. Fai doppio clic su App
      3. Assicurati di essere nella Targets -> App
      4. Trova il tuo Bundle Identifier

         Nota

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

      5. Copia il Bundle Identifier e incollalo nella console Firebase
   2. Clicca sul Register app pulsante

5. Salta il Download config file passaggio

   

6. Salta il Add firebase SDK passaggio

   

7. Salta il Add initialization code passaggio

   

8. Clicca sul Continue to console pulsante

   

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

   1. Vai alla Google Cloud Console su console.cloud.google.com

   2. Trova il tuo progetto

      1. Clicca sul selettore del progetto
      2. Cerca il tuo progetto inserendo il nome esatto del progetto Firebase e cliccaci sopra. Nel mio caso è sociallogin-tutorial-app.

   3. Apri la barra di ricerca e apri credentials

      1. Apri la barra di ricerca
      2. Cerca credentials and click on the APIs and Services quello (numero 2 nello screenshot)

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

      

   5. Copia il Client ID così come il iOS URL scheme. Questi saranno rispettivamente i tuoi iOSClientId e YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      Nota

      Dovrai passare il iOSClientId nel initialize metodo del plugin, mentre userai il YOUR_DOT_REVERSED_IOS_CLIENT_ID nel Info.plist il file della tua app, come spiegato nella sezione successiva di questa guida.

      

10. Recupera il tuo web client ID

    1. Torna alla console di Firebase e vai su Build -> Authentication
    2. Clicca sul Sign-in method pulsante
    3. Clicca sul Google provider
    4. Clicca sul Web SDK configuration pulsante
    5. Copia il Web client ID. Questo sarà il tuo webClientId nel initialize metodo del plugin.

11. Modifica l'Info.plist della tua app

    1. Apri Xcode e trova il Info.plist file

       

    2. Clicca col tasto destro su questo file e aprilo come sorgente code

       

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

       

    4. Inserisci il seguente frammento subito prima del tag di chiusura </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. Cambia il YOUR_DOT_REVERSED_IOS_CLIENT_ID con il valore copiato al punto 9 (l'iOS URL scheme)

       

       Attenzione

       Assicurati che questo valore INIZI con com.googleusercontent.apps

12. Cambia il YOUR_IOS_CLIENT_ID con l'iOS Client ID che hai copiato al passaggio 9

13. Salva il file con Command + S

14. Modifica il AppDelegate.swift

    1. Apri l'AppDelegate

       

    2. Inserisci import GoogleSignIn all'inizio del file

       

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

       

    4. Modifica la funzione in questo modo

       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. Utilizzo del login Google nella tua app

    A questo punto, sei pronto a usare il login Google nella tua app. Usa invece authUtils.ts file dell'app di esempio per l'autenticazione con Google.

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

Risoluzione problemi

Se l'autenticazione si blocca o fallisce:

• Verifica che l' idToken audience corrisponda al tuo Firebase web client ID
• Controlla che Google Sign-In sia abilitato nella Firebase Console
• Assicurati che Info.plist abbia i corretti URL schemes e GIDClientID
• Verifica che iOSServerClientId corrisponda al tuo web client ID
• Consulta l' app di esempio code come riferimento

Continua con Firebase Google Login su iOS

Se stai usando Firebase Google Login su iOS per pianificare i flussi di autenticazione e account, collegandolo a Utilizzo di @capgo/capacitor-social-login per la funzionalità nativa in Utilizzo di @capgo/capacitor-social-login, @capgo/capacitor-social-login per i dettagli di implementazione in @capgo/capacitor-social-login, @capgo/capacitor-passkey per i dettagli di implementazione in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric per i dettagli di implementazione in @capgo/capacitor-native-biometric, e Autenticazione a due fattori per i dettagli sull'implementazione dell'autenticazione a due fattori.