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 tasto

Potresti dover cercare qui per questo pulsante. Ciò si applica solo se hai già creato un'app diversa nel Firebase Console.
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. Clicca due volte su App
  3. Assicurati di essere su Targets -> App
  4. Cerca il tuo Bundle Identifier
    L'ID visualizzato qui si differenzierà 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 botton
Saltare il Download config file passaggio
Saltare il Add firebase SDK passaggio
Saltare il Add initialization code passaggio
Clicca sul Continue to console bottone
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 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 per credentials e clicca sul APIs and Services il numero 2 nell'immagine
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 di Firebase e vai a Build -> Authentication
2. Clicca sul Sign-in method botton
3. Clicca sul Google provider
4. Clicca sul Web SDK configuration pulsante
5. Copia il Web client ID. Questo sarà il tuo webClientId in initialize metodo di autenticazione del plugin.
Modifica il file Info.plist del tuo app
1. Apri Xcode e trova il Info.plist file
2. Clicca con il tasto destro su questo file e aprilo come fonte code
3. In fondo al tuo Plist file, vedrai una </dict> tag
4. Inserisci il seguente frammento prima del tag di chiusura </dict> Modifica il file Info.plist del tuo app
```
<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 a il 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 a l'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 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 di 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 del client web Firebase
Verifica che Google Sign-In sia abilitato nel Firebase Console
Assicurati che Info.plist abbia i corretti schemi di URL e GIDClientID
Verifica iOSServerClientId corrisponde al tuo ID del client web
Rivedi l' esempio di applicazione code per riferimento

Se stai utilizzando Firebase Google Login su iOS per pianificare l'autenticazione e i flussi degli 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-biometric-nativo per il dettaglio di implementazione in @capgo/capacitor-biometric-nativo, e Autenticazione a due fattori per il dettaglio di implementazione in Autenticazione a due fattori.