Firebase Google Login su iOS

Copia una riga di comando 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 processo di installazione. Impostazione generale Firebase Google.

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 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 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 bottono
Saltare lo Download config file passaggio
Saltare lo Add firebase SDK passaggio
Saltare lo Add initialization code passaggio
Clicca sul Continue to console tasto
Ottenere il tuo ID client iOS e il tuo YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Vai al Console di Google Cloud in 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 e clicca sul credentials e clicca sul secondo elemento dell'immagine APIs and Services Google Cloud Console Credenziali di Ricerca
4. elemento. Nel mio caso è iOS client for [YOUR_APP_ID] (auto created by Google Service) Google Cloud Console Credenziali ID Client iOS sociallogin-tutorial-app.
5. insieme a Client ID . Questo sarà rispettivamente il tuo iOS URL schemee iOSClientId Nota: 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.
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 bottono
3. Clicca sul Google provider
4. Clicca sul Web SDK configuration bottone
5. Copia il Web client ID. Questo sarà il tuo webClientId nel initialize metodo del plugin.
Modifica il file Info.plist della tua app
1. Apre Xcode e trova il file Info.plist file
2. Clicca con il tasto destro su questo file e apriolo come fonte code
3. Al fondo del tuo Plist file, vedrai una </dict> tag
4. Inserisci il seguente frammento prima del 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 in il valore copiato nel passo 9 (lo schema URL di iOS)
  
  Assicurati che questo valore INIZI con com.googleusercontent.apps
Cambia il YOUR_IOS_CLIENT_ID nel ID Client di iOS che hai copiato nel passo 9
Salva il file con Command + S

Modifica il AppDelegate.swift

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

Funzionalità dell'applicazione modificata openURL con gestione GoogleSignIn

Salva il file con Command + S

Utilizza il login Google nel tuo app

In questo passaggio sei pronto ad utilizzare il login Google nel tuo app. Per favore utilizza il authUtils.ts file dell'applicazione 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 client Firebase web
Verifica 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'applicazione di esempio __CAPGO_KEEP_0__ example app code Continua da Firebase Google Login on iOS

per pianificare l'autenticazione e le flussi di account, connettilo con Section titled “Continua da Firebase Google Login on iOS” Se stai utilizzando Firebase Google Login on 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.