Firebase Google Connectez-vous sur iOS

##Présentation

Ce guide vous aidera à intégrer la connexion Google avec l’authentification Firebase sur iOS. Je suppose que vous avez déjà terminé la configuration générale Firebase Google.

Étapes de configuration

Accédez à l’aperçu de votre projet sur console.cloud.google.com
Cliquez sur le bouton « Ajouter une application »

Il est possible que vous deviez chercher ce bouton ici. Cela s’applique uniquement 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 sur votre application en utilisant npx cap open ios
  2. Double-cliquez sur App
  3. Assurez-vous que vous êtes sur Targets -> App
  4. Trouvez votre « identifiant de paquet »
    L’identifiant affiché ici sera différent de celui que j’utiliserai pour le reste 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 le bouton « Enregistrer l’application »
Ignorez l’étape « Télécharger le fichier de configuration »
Ignorez l’étape Add firebase SDK
Ignorez l’étape « Ajouter un code d’initialisation »
Cliquez sur le bouton « Continuer vers la console »
Obtenez votre identifiant client iOS et votre YOUR_DOT_REVERSED_IOS_CLIENT_ID
1. Accédez à Google Cloud Console à l’adresse console.cloud.google.com
2. Trouvez votre projet
  1. Cliquez sur le sélecteur de projet
  2. Recherchez votre projet par 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 celui « API et services » (numéro 2 sur la capture d’écran)
4. Cliquez sur celui iOS client for [YOUR_APP_ID] (auto created by Google Service). Dans mon cas, il s’agit de sociallogin-tutorial-app.
5. Copiez le Client ID ainsi que le iOS URL scheme. Ce seront respectivement vos iOSClientId et YOUR_DOT_REVERSED_IOS_CLIENT_ID.
  
  Vous passerez le iOSClientId dans la méthode initialize du plugin, tandis que vous utiliserez le YOUR_DOT_REVERSED_IOS_CLIENT_ID dans le fichier Info.plist de votre application, comme expliqué dans la prochaine partie de ce guide. :::
Obtenez votre identifiant client Web
1. Revenez à la console Firebase et accédez à Build -> Authentication
2. Cliquez sur le bouton « Méthode de connexion »
3. Cliquez sur le fournisseur Google
4. Cliquez sur le bouton Web SDK configuration
5. Copiez l’« ID client Web ». Ce sera votre webClientId dans la méthode initialize du plugin.
Modifiez l’Info.plist de votre application
1. Ouvrez Xcode et recherchez le fichier Info.plist
2. Faites un clic droit sur ce fichier et ouvrez-le en tant que code source
3. Au bas de votre fichier Plist, vous verrez une balise </dict>
4. Insérez le fragment suivant juste avant la balise de fermeture </dict>
```
<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. Remplacez YOUR_DOT_REVERSED_IOS_CLIENT_ID par la valeur copiée à l’étape 9 (le schéma d’URL iOS).
  
  Assurez-vous que cette valeur STARTS avec com.googleusercontent.apps
Remplacez le YOUR_IOS_CLIENT_ID par l’ID client iOS que vous avez copié à l’étape 9.
Enregistrez le fichier avec Command + S

Modifiez le AppDelegate.swift

Ouvrez l’AppDelegate
Insérez « importer GoogleSignIn » en haut du fichier
Recherchez la fonction func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:])

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 openURL de l'application modifiée avec gestion GoogleSignIn

Enregistrez le fichier avec Command + S

Utilisation de la connexion Google dans votre application

À cette étape, vous êtes prêt à utiliser la connexion Google dans votre application. Veuillez utiliser le fichier authUtils.ts de l’exemple d’application pour vous authentifier auprès de Google.

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

Dépannage

Si l’authentification se bloque ou échoue :

Vérifiez que l’audience idToken correspond à votre identifiant de client Web Firebase.
Vérifiez que la connexion Google est activée dans la console Firebase.
Assurez-vous qu’Info.plist dispose des schémas d’URL et du GIDClientID corrects.
Vérifiez que iOSServerClientId correspond à votre identifiant client Web
Consultez l’exemple de code d’application pour référence.