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 Google Sign-In con Firebase Authentication su iOS. Suppongo che tu abbia già completato il Configurazione generale di Firebase Google.

Passaggi di configurazione

Vai alla tua panoramica del progetto su console.cloud.google.com
Clicca sul Add app bottoni di Firebase per aggiungere un'app

Potrebbe essere necessario cercare qui il pulsante. Ciò si applica solo se hai già creato un'app diversa nel Console di Firebase.
Seleziona iOS
Compila la prima parte del modulo
1. Compila il 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
    L'ID mostrato qui differirà 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 bottone
Ssaltare il Download config file passaggio
Ssaltare il Add firebase SDK passaggio
Ssaltare il Add initialization code passaggio
Clicca sul Continue to console bottone
Ottenere il tuo ID di client iOS e il tuo YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Andare al Console di Google Cloud in console.cloud.google.com
2. Trovare il tuo progetto
  1. Cliccare sul selettore del progetto
  2. Cerca il tuo progetto con il nome esatto 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 il secondo (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. Copia il Client ID e anche il iOS URL scheme. Questo sarà rispettivamente il tuo iOSClientId e YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Passerai attraverso il iOSClientId nel initialize metodo del plugin, mentre utilizzerai il YOUR_DOT_REVERSED_IOS_CLIENT_ID nel Info.plist file del tuo app, come spiegato nella prossima parte di questa guida.
Otterra il tuo ID del client web
1. Torna indietro al console Firebase e vai a Build -> Authentication
2. Clicca sul Sign-in method botton
3. Clicca sul Google provider
4. Clicca sul Web SDK configuration tasto
5. Copia il Web client ID. Questo sarà il tuo webClientId in nella initialize metodo del plugin.
Modifica il file 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. In fondo al tuo Plist file, vedrai un </dict> tag
4. Inserisci il seguente frammento prima della tag di chiusura </dict> tag di chiusura
```
<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 al valore copiato nel passo 9 (lo schema di URL iOS)
  
  Assicurati che questo valore INIZIA con com.googleusercontent.apps
Cambia il YOUR_IOS_CLIENT_ID al Client ID iOS che hai copiato nel passo 9
Salva il file con Command + S

Modifica il AppDelegate.swift

Apri il file AppDelegate
Inserisci import GoogleSignIn All'inizio del file
Trova la func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) La 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 GoogleSignIn

Salva il file con Command + S

Utilizza 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'applicazione di esempio per autenticarti con Google.

Lo utente verrà creato automaticamente in Firebase Auth al primo accesso

Risoluzione dei problemi

Se l'autenticazione si blocca o fallisce:

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

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