Firebase Google Login sur iOS

Copiez une commande de configuration avec les étapes d'installation et la guide markdown complet pour ce plugin.

Introduction

Cette guide vous aidera à intégrer Google Sign-In avec Firebase Authentication sur iOS. Je suppose que vous avez déjà complété les étapes nécessaires. Configuration Firebase Google générale.

Étapes de configuration

Allez à votre vue d'ensemble du projet sur console.cloud.google.com
Cliquez sur le Add app bouton

Il est possible que vous deviez chercher ici ce bouton. Cela s'applique uniquement si vous avez déjà créé une application différente dans la Console Firebase.
Sélectionner iOS
Remplir la première partie du formulaire
1. Remplir le Apple bundle ID
  1. Ouvrir Xcode à partir de votre application npx cap open ios
  2. Double-cliquer sur App
  3. S'assurer que vous êtes sur Targets -> App
  4. Trouvez votre Bundle Identifier
    Le ID affiché ici diffèrera de celui que j'utiliserai pour le reste de ce guide. J'utiliserai app.capgo.plugin.SocialLogin pour le reste de ce guide.
  5. Copiez le Bundle Identifier et collez-le dans la console Firebase
2. Cliquez sur le Register app bouton
Évitez le Download config file étape
Évitez le Add firebase SDK étape
Évitez le Add initialization code étape
Cliquez sur le Continue to console bouton
Obtenez votre ID de client iOS et votre YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Allez à la console Cloud Google à console.cloud.google.com
2. Trouvez votre projet
  1. Cliquez sur le sélecteur de projet
  2. Recherchez votre projet en utilisant le nom exact de votre projet Firebase et cliquez dessus. Dans mon cas, c'est sociallogin-tutorial-app.
3. Ouvrez la barre de recherche et ouvrez credentials
  1. Ouvrez la barre de recherche
  2. Recherchez et cliquez sur credentials et cliquez sur l' APIs and Services un (le numéro 2 sur l'écran d'affichage)
4. Cliquez sur iOS client for [YOUR_APP_ID] (auto created by Google Service) un. Dans mon cas, c'est sociallogin-tutorial-app.
5. Copiez Client ID ainsi que iOS URL scheme. Cela sera respectivement votre iOSClientId et YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Vous passerez à l'étape suivante iOSClientId dans la initialize méthode de l'plugin, tandis que vous utiliserez le YOUR_DOT_REVERSED_IOS_CLIENT_ID dans le Info.plist fichier de votre application, comme expliqué dans la partie suivante de ce guide.
Obtenez votre identifiant client web
1. Retournez dans la console Firebase et allez à Build -> Authentication
2. Cliquez sur le Sign-in method bouton
3. Cliquez sur le Google fournisseur
4. Cliquez sur le Web SDK configuration bouton
5. Copiez le Web client ID. Cela sera votre webClientId dans initialize méthode du plugin.
Modifiez les informations de votre application dans Info.plist
1. Ouvrez Xcode et trouvez le fichier Info.plist le fichier Info.plist dans le navigateur de projet Xcode
2. Menu contextuel montrant l'option d'ouverture en tant que source code
3. le tag Plist Tag de fermeture dans le fichier Info.plist </dict> Insérez le fragment suivant juste avant le tag de fermeture
4. Ouvrez Xcode et trouvez le fichier </dict> le fichier Info.plist dans le navigateur de projet Xcode
```
<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. Changer la YOUR_DOT_REVERSED_IOS_CLIENT_ID en la valeur copiée à l'étape 9 (le schéma d'URL iOS)
  
  Vérifiez que cette valeur COMMENCE par com.googleusercontent.apps
Changer la YOUR_IOS_CLIENT_ID en l'ID Client iOS que vous avez copié à l'étape 9
Sauvegardez le fichier avec Command + S

Modifier le AppDelegate.swift

Ouvrez le AppDelegate
Insérer import GoogleSignIn À la tête du fichier
Trouvez le func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) Fonction

Modifier la fonction pour qu'elle ressemble à ceci

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

La fonction openURL de l'application a été modifiée avec prise en charge de GoogleSignIn

Enregistrez le fichier avec Command + S

Utilisation du compte Google dans votre application

À ce stade, vous êtes prêt à utiliser le compte Google dans votre application. Veuillez utiliser le authUtils.ts fichier de l'application d'exemple pour vous authentifier avec Google.

L'utilisateur sera créé automatiquement dans Firebase Auth lors du premier connexion

Résolution des problèmes

Si l'authentification est bloquée ou échoue :

Vérifiez que idToken l'audience correspond à votre ID client Firebase web
Vérifiez que Google Sign-In est activé dans le Console Firebase
Assurez-vous que Info.plist a les schémas URL corrects et GIDClientID
Vérifiez iOSServerClientId correspond à votre ID client web
Examinez l' application d'exemple code en référence

Si vous utilisez Firebase Google Login sur iOS pour planifier l'authentification et les flux de compte, connectez-le avec Utiliser @capgo/capacitor-login-social pour la capacité native dans Utiliser @capgo/capacitor-login-social, @capgo/capacitor-login-social pour le détail d'implémentation dans @capgo/capacitor-login-social, @capgo/capacitor-passkey pour le détail d'implémentation dans @capgo/capacitor-passkey, @capgo/capacitor-biométrique-native pour le détail d'implémentation dans @capgo/capacitor-biométrique-native, et L'authentification à deux facteurs pour le détail d'implémentation dans L'authentification à deux facteurs.