Configuration de 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 Firebase Authentication sur iOS. Je suppose que vous avez déjà terminé Configuration générale de Firebase Google.

Setup Steps

Allez dans votre vue d'ensemble de 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 autre application dans la Console Firebase.
Sélectionner iOS
Remplir la première partie du formulaire
1. Remplir le Apple bundle ID
  1. Ouvrir Xcode dans votre application en utilisant 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ère de celui que j'utiliserai pour le reste de ce 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
Sauter la Download config file step
Sauter cette Add firebase SDK étape
Sauter cette 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, il s'agit de 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'écran)
4. Cliquez sur le iOS client for [YOUR_APP_ID] (auto created by Google Service) Un. Dans mon cas, il s'agit de 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 la initialize méthode du 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 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 ID. Cela sera votre webClientId dans la initialize méthode de la plugin.
Modifier votre fichier Info.plist
1. Ouvrez Xcode et trouvez le Info.plist fichier
2. Cliquez avec le bouton droit sur ce fichier et ouvrez-l’en source code
3. En bas de votre Plist fichier, vous verrez un </dict> tag
4. Insérez le fragment suivant juste avant la fermeture </dict> tag
```
<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 le YOUR_DOT_REVERSED_IOS_CLIENT_ID Balise de fin de dictionnaire dans le fichier Info.plist
  
  Vérifiez que cette valeur COMMENCE par com.googleusercontent.apps
Modifiez la YOUR_IOS_CLIENT_ID à l'ID du client iOS que vous avez copié dans l'étape 9
Enregistrez le fichier avec Command + S

Modifiez le AppDelegate.swift

Ouvrez l’AppDelegate
Insérer import GoogleSignIn en haut du fichier
Trouvez la 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

Enregistrer le fichier avec Command + S

Utiliser le login Google dans votre application

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

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

Troubleshooting

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 Firebase Console
Assurez-vous que Info.plist contient les schémas URL corrects et GIDClientID
Vérifiez que iOSServerClientId correspond à votre ID client web
Vérifiez le l'exemple d'application code en référence

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