Firebase Google Login sur Android

Introduction

Cette guide vous aidera à intégrer l'authentification Google avec l'authentification Firebase sur Android. Je suppose que vous avez déjà complété la mise en place générale de Google Firebase. Note

Je supposerai que vous n'avez pas encore créé votre application Android 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. Allez à votre vue d'ensemble du projet sur console.cloud.google.com

   

2. Cliquez sur le Add app bouton

   

   Note

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

   

3. Sélectionnez Android

   

4. Remplissez la première partie du formulaire

   1. Remplissez Android package name
      1. Ouvrez Android Studio à partir de votre application npx cap open android
      2. À la fin de la barre de navigation, trouvez la Gradle Scripts
      3. Trouvez build.gradle pour le module app
      4. Copiez le android.defaultConfig.applicationIdCela sera votre package name dans le console Firebase

      Remarque

      L'ID affiché ici diffèrera de celui que j'utiliserai pour le reste de la guide. Je vais utiliser app.capgo.plugin.SocialLogin pour le reste de la guide.

      5. Collez-le dans le console Firebase
   2. Cliquez sur le Register app bouton

5. Sauter la Download and then add config file étape

   

6. Sauter cette étape Add firebase SDK étape

   

7. Cliquez sur le Continue to console bouton

   

8. Si vous n'êtes pas automatiquement authentifié, allez à settings -> general -> your apps -> Trouvez votre application Android et cliquez dessus

   

9. Obtenez votre empreinte SHA1

   Suivez les étapes 10-11 du guide de configuration de connexion Google Android Si vous n'êtes pas automatiquement authentifié, allez à -> Trouvez votre application Android et cliquez dessus:

   1. Maintenant, ouvrez le terminal. android Assurez-vous d'être dans le ./gradlew signInReport

      

   2. Terminal affichant la commande gradlew signInReport SHA1.

      

   Copiez le

   Terminal affichant l'empreinte de certificat SHA1

   Note

   Je vais utiliser une empreinte SHA1 légèrement différente pour le reste de la guide, car j'ai changé les ordinateurs depuis l'écriture de la guide d'origine de Google login android. Attention à vous ! pour obtenir le résultat souhaité.

10. Ajoutez la SHA1 au projet Firebase

    1. Cliquez sur le Add fingerprint bouton
    2. Collez la SHA1 que vous avez copiée dans l'étape précédente
    3. Cliquez sur le Save bouton

11. Obtenez votre ID client web

    1. 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 __CAPGO_KEEP_0__ de méthode d'authentification Firebase Sign-in
    5. Cela sera votre Web client IDclé de configuration webClientId dans la méthode du plugin. initialize Firebase Authentication Sign-in Method Web Configuration Web Client ID __CAPGO_KEEP_0__
    

12. Note

    Je vous recommande d'utiliser la

    fonction d'aide disponible dans le authenticateWithGoogle fichier authUtils.ts de l'application d'exemple. À ce stade, vous êtes TECHNICALLY

Notez que vous devez utiliser l'ID du client Web dans votre application Web. Notez que vous devez utiliser l'ID du client Web dans votre application Web. prêt à l'emploi Google Sign-In avec Firebase Authentication sur Android. Cependant, je vous recommande de vérifier à nouveau la configuration dans le console Google Cloud, comme expliqué dans l'étape suivante.

Vérifiez à nouveau la configuration dans la console Google Cloud

Pour vous assurer que la configuration est correcte, vous devez vérifier à nouveau la configuration dans la console Google Cloud.

1. Allez à 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'écoute)

4. Vérifiez que vous voyez les deux identifiants de client Android et Web dans la liste.

   

   Attention

   Si vous ne voyez pas les deux identifiants de client Android et Web dans la liste, vous avez fait une erreur dans la configuration. Veuillez revenir et vérifier vos étapes.

   C'est également possible, et cela m'est arrivé, que vous avez déjà ajouté la chaîne SHA1 Android avec le même ID d'application dans un autre projet. Cela entraînera Firebase ne pouvant pas créer un identifiant de client Android. Dans ce cas, vous devrez supprimer la SHA1 de l'autre projet ainsi que sur Firebase (en utilisant le console Firebase pour supprimer l'application Android) et le recréer sur Firebase

5. Vérifiez que l'ID du client Android est correctement configuré dans le console Firebase.

   1. Cliquez sur le Android app
   2. Confirmez que la valeur de hachage SHA1 est correctement configurée et qu'elle correspond à celle que vous avez copiée dans les étapes précédentes.

6. Vérifiez que l'ID du client Web est correctement configuré dans le console Firebase.

   1. Cliquez sur le Web app
   2. Confirmez que l'ID du client correspond à celui que vous avez copié dans les étapes précédentes.

   Note

   Veuillez ignorer le reste des paramètres du client web. Nous en discuterons dans le guide de configuration web. guide de configuration web.

Voilà ! Vous êtes maintenant prêt à utiliser Google Sign-In avec Firebase Authentication sur Android.

Résolution des problèmes

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

• Vérifiez que idToken l'audience correspond à votre ID de client web Firebase
• Vérifiez que Google Sign-In est activé dans le Console Firebase
• Assurez-vous que la clé de fingerprint SHA-1 est correctement configurée
• Révisez l'application d'exemple __CAPGO_KEEP_0__ example app code Continuez à partir de Firebase Google Login sur Android

Section intitulée « Continuez à partir de Firebase Google Login sur Android »

Firebase Google Login sur Android pour planifier l'authentification et les flux de compte, connectez-le avec Utilisez @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login pour la capacité native dans Utilisez @capgo/capacitor-social-login @capgo/capacitor-social-login pour le détail d'implémentation dans @capgo/capacitor-social-login Utilisez @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 dans Authentification à deux facteurs.