Firebase Google Login sur iOS

Copiez un prompt de configuration avec les étapes d'installation et le guide Markdown complet pour ce plugin.

Introduction

Cette guide vous aidera à intégrer l'authentification Google avec l'authentification Firebase sur iOS. Je suppose que vous avez déjà complété la mise en place générale de Google Firebase. Note.

Section intitulée « É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 ne s'applique que si vous avez déjà créé une application différente dans la Console Firebase.
Sélectionnez iOS
Remplissez la première partie du formulaire
1. Remplissez Apple bundle ID
  1. Ouvrez Xcode pour votre application npx cap open ios
  2. Double-cliquez sur App
  3. Assurez-vous d'être sur Targets -> App
  4. Trouvez votre Bundle Identifier
    L'ID affiché ici diffèrera de celui que j'utiliserai pour le reste de la guide. J'utiliserai app.capgo.plugin.SocialLogin pour le reste de la guide.
  5. Copiez le Bundle Identifier et collez-le dans le console Firebase
2. Cliquez sur le Register app bouton
Évitez la Download config file étape
Évitez la Add firebase SDK étape
Ignorcez l'étape Add initialization code Ajoutez l'application Firebase iOS Ignorez l'initialisation __CAPGO_KEEP_0__ Bouton
bouton Continue to console Continuez vers le console
Allez à la console Cloud Google à YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. console.cloud.google.com Trouvez votre projet
2. Cliquez sur le sélecteur de projet
  1. Console Google Cloud
  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 credentials et cliquez sur le APIs and Services un (le numéro 2 sur l'écran d'écoute)
4. Cliquez sur le iOS client for [YOUR_APP_ID] (auto created by Google Service) un. Dans mon cas, c'est sociallogin-tutorial-app.
5. Copiez le Client ID ainsi que le iOS URL schemeCela sera respectivement votre iOSClientId et YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Vous passerez le iOSClientId dans le initialize méthode de l'extension, 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 ID client web
1. Retournez au 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 IDCela sera votre webClientId dans le initialize méthode du plugin.
Modifiez les informations de votre application Info.plist
1. Ouvrez Xcode et trouvez le Info.plist fichier
2. Cliquez avec le bouton droit sur ce fichier et ouvrez-le en tant que source code
3. Au bas de votre fichier, vous verrez un tag Plist Insertez le fragment suivant juste avant la fermeture du tag </dict> tag de fermeture dans le fichier Info.plist
4. Copier dans le presse-papier </dict> Modifier la valeur à
```
<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. Info.plist with URL schemes __CAPGO_KEEP_0__ inserted before closing dict tag YOUR_DOT_REVERSED_IOS_CLIENT_ID Change the to the value copied in step 9 (the iOS URL scheme)
  
  Veuillez vous assurer que cette valeur STARTS commence par com.googleusercontent.apps
Modifier YOUR_IOS_CLIENT_ID à l'ID du client iOS que vous avez copié dans l'étape 9
Enregistrer le fichier avec Command + S

Modifier le AppDelegate.swift

Ouvrez le AppDelegate
Insérer import GoogleSignIn en haut du fichier
Trouvez le func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) fonction

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

Fonction d'ouverture de l'application modifiée avec prise en charge de GoogleSignIn

Enregistrez le fichier avec Command + S

Utilisation du Google login dans votre application

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

L'utilisateur sera créé automatiquement dans Firebase Auth lors de la première connexion

Résolution des problèmes

Si l'authentification s'arrête ou échoue :

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

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