Firebase Google Login su iOS

Copia un prompt di configurazione con i passaggi di installazione e la guida markdown completa per questo plugin.

Introduzione

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

Sezione intitolata “Passaggi di configurazione”

Vai alla panoramica del tuo progetto su console.cloud.google.com
Clicca sul Add app tasto

È possibile che dovrai cercare qui per questo pulsante. Ciò si applica solo se hai già creato un'app diversa nel Console di Firebase.
Seleziona iOS
Riempi la prima parte del modulo
1. Riempi il Apple bundle ID
  1. Apri Xcode per il tuo app usando npx cap open ios
  2. Doppio clic su App
  3. Assicurati di essere su Targets -> App
  4. Trova il tuo Bundle Identifier
    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 Firebase
2. Clicca sul Register app tasto
Saltare il Download config file passaggio
Saltare il Add firebase SDK passaggio
Salta lo Add initialization code step
Clicca sul Continue to console button
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. Trova il tuo progetto
  1. Clicca sul selettore del progetto
  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. Apri la barra di ricerca e apri credentials
  1. Apri 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) uno. Nel mio caso, è sociallogin-tutorial-app.
5. Copiare Client ID anche iOS URL scheme. Questo sarà rispettivamente il tuo iOSClientId e YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Passerai il iOSClientId nel initialize metodo del plugin, mentre utilizzerai il YOUR_DOT_REVERSED_IOS_CLIENT_ID nel Info.plist file dell'applicazione tuo, come spiegato nella parte successiva di questo manuale.
Ottieni il tuo ID client web
1. Torna indietro 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 bottoni
5. Copia il Web client ID. Questo sarà il tuo webClientId nel initialize metodo del plugin.
Modifica l'Info.plist del tuo app
1. Apri Xcode e trova il Info.plist file
2. Fai clic destro su questo file e apriolo come fonte code
3. At the bottom of your file, you will see un tag Plist tag di chiusura in file Info.plist </dict> tag di chiusura in file Info.plist
4. Info.plist con schemi URL __CAPGO_KEEP_0__ inseriti prima del tag di chiusura </dict> Copia nel portapenna
```
<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. Attenzione YOUR_DOT_REVERSED_IOS_CLIENT_ID Info.plist con ID client reale inserito nei schemi URL
  
  Assicurati che questo valore INIZIA con com.googleusercontent.apps
Cambia il YOUR_IOS_CLIENT_ID a ID del Client iOS che hai copiato nel passo 9
Salva il file con Command + S

Modifica il AppDelegate.swift

Apri il file AppDelegate
Inserisci import GoogleSignIn in cima al file
Trova il func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) funzione

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)
}

Funzione di apertura dell'applicazione modificata con gestione di GoogleSignIn

Salva il file con Command + S

Utilizza il login con Google nel tuo app

In questo passaggio, sei pronto ad utilizzare il login con Google nel tuo app. Per favore utilizza il file authUtils.ts del file di esempio dell'app per autenticarti con Google.

The user verrà creato automaticamente in Firebase Auth all'atto del primo accesso

Risoluzione dei problemi

Se l'autenticazione si blocca o fallisce:

Verifica che l' idToken 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 l' esempio di app code per riferimento

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