Firebase Google Login sur iOS

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

Introduction

Ce guide vous aidera à intégrer Google Sign-In avec Firebase Authentication sur iOS. Je pars du principe que vous avez déjà terminé la configuration générale de Google avec Firebase.

Setup Steps

Accédez à l'aperçu de votre projet sur console.cloud.google.com
Cliquez sur Add app bouton

Il se peut que vous deviez chercher ce bouton ici. Cela ne s'applique que si vous avez déjà créé une autre application dans la console Firebase.
Sélectionnez iOS
Remplissez la première partie du formulaire
1. Remplissez le Apple bundle ID
  1. Ouvrez Xcode pour votre application avec npx cap open ios
  2. Double-cliquez sur App
  3. Assurez-vous d'être dans la Targets -> App
  4. Trouvez votre Bundle Identifier
    L'ID affiché ici sera différent de celui que j'utiliserai pour la suite du guide. J'utiliserai app.capgo.plugin.SocialLogin pour le reste du guide.
  5. Copiez le Bundle Identifier et collez-le dans la console Firebase
2. Cliquez sur Register app bouton
Ignorez l'étape Download config file étape
Ignorez l'étape Add firebase SDK étape
Ignorez le Add initialization code étape
Cliquez sur Continue to console bouton
Récupérez votre client ID iOS et votre YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Allez sur la Google Cloud Console sur console.cloud.google.com
2. Trouvez votre projet
  1. Cliquez sur le sélecteur de projet
  2. Recherchez votre projet en saisissant le nom exact de votre projet Firebase, puis 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 APIs and Services celui-ci (numéro 2 sur la capture d'écran)
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 le Client ID ainsi que le iOS URL scheme. Ce seront respectivement votre iOSClientId et YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Vous passerez le iOSClientId dans l' initialize de la méthode du plugin, tandis que vous utiliserez le YOUR_DOT_REVERSED_IOS_CLIENT_ID dans l' Info.plist le fichier de votre application, comme expliqué dans la suite de ce guide.
Récupérez votre web client ID
1. Retournez sur la console Firebase et allez dans Build -> Authentication
2. Cliquez sur Sign-in method bouton
3. Cliquez sur Google fournisseur
4. Cliquez sur Web SDK configuration bouton
5. Copiez le Web client ID. Ce sera votre webClientId dans l' initialize méthode du plugin.
Modifiez le fichier Info.plist de votre app
1. Ouvrez Xcode et trouvez le Info.plist fichier
2. Faites un clic droit sur ce fichier et ouvrez-l’en tant que source code
3. Au bas de votre Plist fichier, vous verrez une </dict> balise
4. Insérez le fragment suivant juste avant la fermeture de la </dict> balise
```
<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. Modifiez le YOUR_DOT_REVERSED_IOS_CLIENT_ID par la valeur copiée à l'étape 9 (l'URL scheme iOS)
  
  Assurez-vous que cette valeur COMMENCE par com.googleusercontent.apps
Modifiez le YOUR_IOS_CLIENT_ID par l'ID client iOS copié à l'étape 9
Enregistrez le fichier avec Command + S

Modifiez le AppDelegate.swift

Ouvrez l'AppDelegate
Insérez 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 application openURL modifiée avec la gestion de GoogleSignIn

Enregistrez le fichier avec Command + S

Utiliser la connexion Google dans votre application

À cette étape, vous êtes prêt à utiliser la connexion Google dans votre application. Veuillez utiliser authUtils.ts fichier de l'application d'exemple pour l'authentification avec Google.

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

Troubleshooting

Si l'authentification bloque ou échoue :

Vérifiez que l' idToken audience correspond à votre ID client web Firebase
Vérifiez que Google Sign-In est activé dans la console Firebase
Assurez-vous que le fichier Info.plist contient les bons URL schemes et le GIDClientID
Verify iOSServerClientId correspond à votre ID client web
Consultez les application exemple code pour référence

Si vous utilisez Firebase Google Login sur iOS pour planifier les flux d'authentification et de compte, le connecter à Utiliser @capgo/capacitor-social-login pour la capacité native dans Utiliser @capgo/capacitor-social-login @capgo/capacitor-social-login pour les détails 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-biometric pour les détails d'implémentation dans @capgo/capacitor-native-biometric, et Authentification à deux facteurs pour les détails d'implémentation de l'authentification à deux facteurs.