Login Google con Firebase su iOS

Introduzione

Questa guida ti aiuterà a integrare l’accesso con Google utilizzando Firebase Authentication su iOS. Suppongo che tu abbia già completato la configurazione generale di Firebase Google.

Note

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

Passaggi di configurazione

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

   

2. Fai clic sul pulsante Add app

   

   Note

   È possibile che tu debba cercare questo pulsante qui. Questo si applica solo se hai già creato un’app diversa nella Console Firebase.

   

3. Seleziona iOS

   

4. Compila la prima parte del modulo

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

         Note

         L’ID mostrato qui differirà da quello che userò per il resto della guida. Userò app.capgo.plugin.SocialLogin per il resto della guida.

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

5. Salta il passaggio Download config file

   

6. Salta il passaggio Add firebase SDK

   

7. Salta il passaggio Add initialization code

   

8. Fai clic sul pulsante Continue to console

   

9. Ottieni il tuo iOS client ID 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. Fai clic sul selettore del progetto
      2. Cerca il tuo progetto con il nome esatto del tuo progetto Firebase e fai clic su di esso. Nel mio caso, è sociallogin-tutorial-app.

   3. Apri la barra di ricerca e cerca credentials

      1. Apri la barra di ricerca
      2. Cerca credentials e fai clic su quello di APIs and Services (numero 2 nello screenshot)

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

      

   5. Copia il Client ID e l’iOS URL scheme. Questi saranno rispettivamente il tuo iOSClientId e YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      Note

      Passerai l’iOSClientId nel metodo initialize del plugin, mentre userai il YOUR_DOT_REVERSED_IOS_CLIENT_ID nel file Info.plist della tua app, come spiegato nella prossima parte di questa guida.

      

10. Ottieni il tuo web client ID

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

11. Modifica il file Info.plist della tua app

    1. Apri Xcode e trova il file Info.plist

       

    2. Fai clic destro su questo file e aprilo come codice sorgente

       

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

       

    4. Inserisci il seguente frammento appena prima del tag di chiusura </dict>

       

       <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 YOUR_DOT_REVERSED_IOS_CLIENT_ID con il valore copiato nel passaggio 9 (l’iOS URL scheme)

       

       Caution

       Assicurati che questo valore INIZI con com.googleusercontent.apps

12. Cambia YOUR_IOS_CLIENT_ID con l’iOS Client ID che hai copiato nel passaggio 9

13. Salva il file con Command + S

14. Modifica l’AppDelegate.swift

    1. Apri l’AppDelegate

       

    2. Inserisci import GoogleSignIn all’inizio del file

       

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

       

    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 per utilizzare il login Google nella tua app. Utilizza il file authUtils.ts dell’app di esempio per autenticarti con Google.

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

Risoluzione dei problemi

Se l’autenticazione si blocca o fallisce:

• Verifica che l’audience dell’idToken corrisponda al tuo Firebase web client ID
• Controlla che l’accesso con Google sia abilitato nella Console Firebase
• Assicurati che Info.plist abbia gli URL schemes corretti e GIDClientID
• Verifica che iOSServerClientId corrisponda al tuo web client ID
• Rivedi il codice dell’app di esempio come riferimento