Firebase Google Login su iOS

Copia una richiesta 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 di Firebase su iOS. Suppongo che tu abbia già completato la configurazione generale di Firebase Google. __CAPGO_KEEP_0__.

Passaggi di configurazione

Vai alla tua panoramica del 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 Firebase Console.
Seleziona iOS
Riempi la prima parte del modulo
1. Riempi 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. Trova il tuo Bundle Identifier
    L'ID mostrato 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 bottoni
Saltare lo Download config file step
Saltare lo Add firebase SDK step
Saltare lo Add initialization code step
Clicca sul Continue to console bottone
Ottenere il tuo ID del 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 per 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. Copia il Client ID insieme a iOS URL scheme. Questo sarà rispettivamente il tuo iOSClientId e YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Potrai passare 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 questo guide.
Ottieni il tuo ID del client web
1. Torna indietro al console di Firebase e vai a Build -> Authentication
2. Clicca sul Sign-in method tasto
3. Clicca sul Google provider
4. Clicca sul Web SDK configuration tasto
5. Copia il Web client ID. Questo sarà il tuo webClientId nel initialize metodo del plugin.
Modifica le impostazioni 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. Al fondo del tuo Plist file, vedrai un </dict> tag
4. Inserisci il seguente frammento prima del tag di chiusura </dict> Info.plist con schemi URL __CAPGO_KEEP_0__ inseriti prima del 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. Modifica il YOUR_DOT_REVERSED_IOS_CLIENT_ID al valore copiato nel passo 9 (lo schema URL di iOS)
  
  Assicurati che questo valore INIZI con com.googleusercontent.apps
Modifica il YOUR_IOS_CLIENT_ID al Client ID di iOS che hai copiato nel passo 9
Salva il file con Command + S

Modifica il AppDelegate.swift

Apre il AppDelegate
Inserisci import GoogleSignIn all'inizio del file
Cerca il func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) funzione

Modifica la funzione per 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 passo, sei pronto ad utilizzare il login Google nel tuo app. Per favore utilizza il authUtils.ts file 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 idToken l'audience corrisponda al tuo ID del client web Firebase
Controlla che il Sign-In di Google sia abilitato nel Console di Firebase
Assicurati che Info.plist abbia i corretti schemi di URL e GIDClientID
Verifica iOSServerClientId corrisponda al tuo ID del client web
Rivedi l'applicazione di esempio __CAPGO_KEEP_0__ example app code Prosegui con Firebase Google Login on iOS

Firebase Google Login on iOS per pianificare l'autenticazione e i flussi di account, connettilo con Utilizzando @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login Using @capgo/capacitor-social-login per la capacità nativa in Utilizzare @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.