Connexion Google Firebase sur iOS

Introduction

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

Note

Je vais supposer que vous n’avez pas encore créé votre application iOS dans la Console Firebase. Si vous l’avez fait, vos étapes seront légèrement différentes.

Étapes de Configuration

1. Accédez à l’aperçu de votre projet sur console.cloud.google.com

   

2. Cliquez sur le bouton Add app

   

   Note

   Il est possible que vous deviez chercher ce bouton ici. Cela s’applique uniquement si vous avez déjà créé une application différente dans la Console Firebase.

   

3. Sélectionnez iOS

   

4. Remplissez la première partie du formulaire

   1. Remplissez le Apple bundle ID
      1. Ouvrez Xcode à 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 Bundle Identifier

         Note

         L’ID 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 Register app

5. Passez l’étape Download config file

   

6. Passez l’étape Add firebase SDK

   

7. Passez l’étape Add initialization code

   

8. Cliquez sur le bouton Continue to console

   

9. Obtenez votre iOS client ID et votre YOUR_DOT_REVERSED_IOS_CLIENT_ID

   1. Allez sur Google Cloud Console à 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, 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 celui des APIs and Services (numéro 2 sur la capture d’écran)

   4. Cliquez sur le iOS client for [YOUR_APP_ID] (auto created by Google Service). Dans mon cas, c’est sociallogin-tutorial-app.

      

   5. Copiez le Client ID ainsi que le iOS URL scheme. Ce sera respectivement votre iOSClientId et YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      Note

      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 partie suivante de ce guide.

      

10. Obtenez votre web client ID

    1. Retournez à la console Firebase et allez dans Build -> Authentication
    2. Cliquez sur le bouton Sign-in method
    3. Cliquez sur le fournisseur Google
    4. Cliquez sur le bouton Web SDK configuration
    5. Copiez le Web client ID. Ce sera votre webClientId dans la méthode initialize du plugin.

11. Modifiez le fichier Info.plist de votre application

    1. Ouvrez Xcode et trouvez le fichier Info.plist

       

    2. Faites un clic droit sur ce fichier et ouvrez-le en tant que code source

       

    3. En 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 le YOUR_DOT_REVERSED_IOS_CLIENT_ID par la valeur copiée à l’étape 9 (le iOS URL scheme)

       

       Caution

       Assurez-vous que cette valeur COMMENCE par com.googleusercontent.apps

12. Remplacez le YOUR_IOS_CLIENT_ID par l’iOS Client ID que vous avez copié à l’étape 9

13. Enregistrez le fichier avec Command + S

14. Modifiez le AppDelegate.swift

    1. Ouvrez le AppDelegate

       

    2. Insérez import GoogleSignIn en haut du fichier

       

    3. Trouvez la fonction func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:])

       

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

       

    5. Enregistrez le fichier avec Command + S

15. 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’application exemple pour vous authentifier avec 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 du idToken correspond à votre web client ID Firebase
• Vérifiez que la connexion Google est activée dans la Console Firebase
• Assurez-vous que Info.plist contient les bons schémas d’URL et GIDClientID
• Vérifiez que iOSServerClientId correspond à votre web client ID
• Consultez le code de l’application exemple pour référence