Connexion Firebase Google sur iOS

Introduction

Ce guide vous aidera à intégrer Google Sign-In avec Firebase Authentication sur iOS. Je suppose que vous avez déjà complété la mise en place générale de Firebase Google. Note.

Je suppose que vous n'avez pas encore créé votre application iOS dans le Console Firebase. Si vous l'avez, vos étapes seront légèrement différentes.

Étapes de configuration

Section intitulée « Étapes de configuration »

1. __CAPGO_KEEP_0__ console.cloud.google.com

   

2. Cliquez sur le Add app bouton

   

   Note

   Il est possible que vous deviez chercher ici ce bouton. 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 Apple bundle ID
      1. Ouvrez Xcode dans votre application npx cap open ios
      2. Double-cliquez sur App
      3. Assurez-vous d'être sur Targets -> App
      4. Trouvez votre Bundle Identifier

         Remarque

         L'ID affiché ici diffèrera de celui que j'utiliserai pour le reste de ce guide. J'utiliserai app.capgo.plugin.SocialLogin pour le reste de ce guide.

      5. Copiez le Bundle Identifier et collez-le dans la console Firebase
   2. Cliquez sur le Register app bouton

5. Omettez l'étape Download config file Firebase Ajouter l'application Bouton de téléchargement iOS Skip

   

6. Firebase Ajouter l'application Bouton d'omission de téléchargement Firebase __CAPGO_KEEP_0__ iOS Add firebase SDK Omettez l'étape

   

7. Firebase Ajouter l'application Bouton d'omission de téléchargement Firebase __CAPGO_KEEP_0__ iOS Add initialization code Étape

   

8. Cliquez sur le Continue to console bouton

   

9. Obtenez votre ID 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, 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'affichage)

   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 autant que cela iOS URL schemeCela vous sera respectivement attribué iOSClientId et YOUR_DOT_REVERSED_IOS_CLIENT_ID.

      Remarque

      Vous passerez à l' iOSClientId dans initialize méthode de l'extension, tandis que vous utiliserez le YOUR_DOT_REVERSED_IOS_CLIENT_ID dans Info.plist fichier de votre application, comme expliqué dans la partie suivante de ce guide.

      

10. Obtenez votre identifiant client web

    1. Retournez à la 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 de configuration web de la méthode d'authentification Firebase __CAPGO_KEEP_0__
    5. configuration Web client IDCela sera votre webClientId dans la initialize méthode de l'extension.

11. Modifier 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. En bas de votre Plist fichier, vous verrez un </dict> tag

       

    4. Insérer 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 à la valeur copiée à l'étape 9 (le schéma URL iOS)

       

       Attention

       Vérifiez que cette valeur DÉMARRE avec com.googleusercontent.apps

12. Changer la YOUR_IOS_CLIENT_ID par l'ID du client iOS que vous avez copié à l'étape 9

13. Sauvegardez le fichier avec Command + S

14. Modifier le AppDelegate.swift

    1. Ouvrez le AppDelegate

       

    2. Insérer import GoogleSignIn en haut du fichier

       

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

       

    4. Modifier 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. Enregistrer le fichier avec Command + S

15. Utiliser la connexion Google dans votre application

    À ce stade, vous êtes prêt à utiliser la connexion Google dans votre application. Veuillez utiliser 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

Résolution des problèmes

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

• Vérifiez que idToken l'audience correspond à votre identifiant de client web Firebase
• Vérifiez que Google Sign-In est activé dans le console Firebase
• Assurez-vous que Info.plist a les schémas URL corrects et GIDClientID
• Vérifiez iOSServerClientId correspond à votre identifiant de client web
• Examinez l'application d'exemple __CAPGO_KEEP_0__ example app code Page d'édition