Firebase Google Login sur Android

Introduction

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

Remarque

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

1. Allez dans votre vue d'ensemble du projet sur console.cloud.google.com

   

2. Cliquez sur le Add app bouton

   

   Remarque

   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électionner Android

   

4. Remplir la première partie du formulaire

   1. Remplir le Android package name
      1. Ouvrez Android Studio dans votre application en utilisant npx cap open android
      2. À la base de la barre de navigation, trouvez le 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. J'utiliserai app.capgo.plugin.SocialLogin pour le reste de la guide.

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

5. Évitez l'étape Download and then add config file Étape Firebase Add App Android Évitez « Télécharger puis ajouter le fichier de configuration »

   

6. Étape Firebase Add App Android Évitez « Ajouter firebase __CAPGO_KEEP_0__ » Add firebase SDK Cliquez sur le

   

7. Firebase Add App Android Register Button 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 l'authentification Google Android Ouvrez maintenant le terminal. Assurez-vous d'être dans le dossier de votre application et exécutez:

   1. Terminal affichant la commande gradlew signInReport android Rendez-vous en haut de cette commande. Vous devriez voir les éléments suivants. Copiez-les ./gradlew signInReport

      

   2. commande SHA1.

      

   Remarque

   J'utiliserai une empreinte SHA1 légèrement différente pour le reste de ce guide, car j'ai changé de matériel informatique depuis l'écriture de la guide d'origine de configuration de l'authentification Google Android.

   Prudence

   L'empreinte SHA1 est très importante à obtenir. Si vous faites une erreur, l'authentification échouera de manière étrange. Veuillez LISEZ LE GUIDE DE CONFIGURATION DE L'AUTHENTIFICATION GOOGLE ANDROID pour obtenir le bon résultat.

10. Ajoutez l'empreinte SHA1 au projet Firebase

    1. Cliquez sur le Add fingerprint bouton
    2. Collez la valeur 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
    5. Copiez le Web client IDCeci sera votre webClientId dans la initialize méthode de la plugin.
    

12. Utilisez l'ID client web dans JS.

    Remarque

    Je vous recommande d'utiliser la authenticateWithGoogle fonction d'aide disponible dans le fichier authUtils.ts du projet d'exemple.

À ce stade, vous êtes TECHNIQUEMENT prêt à utiliser l'authentification Google 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, 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 le numéro 2 de l'écran d'écran

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 retourner et vérifier vos étapes.

   Il est également possible, et cela m'est arrivé, que vous ayez déjà ajouté l'empreinte SHA1 Android avec le même ID d'application dans un autre projet. Cela entraînera la création d'un identifiant de client Android impossible par Firebase. Dans ce cas, vous devrez supprimer l'empreinte 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'identifiant de client Android est correctement configuré dans la console Firebase.

   1. Cliquez sur le Android l'application
   2. Vérifiez que l'empreinte 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 client Web est correctement configuré dans le console Firebase.

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

   Note

   N'oubliez pas les autres paramètres de l'ID client Web. Nous en discuterons plus en détail dans le guide de configuration de l'application Web. web setup guide.

Voilà ! Vous êtes maintenant prêt à utiliser l'authentification Google avec Firebase Authentication sur Android.

Résolution des problèmes

Vérifiez que l'

• audience correspond à votre ID client web Firebase idToken Vérifiez que l'authentification Google est activée dans le Console Firebase
• Assurez-vous que l’empreinte SHA-1 est correctement configurée
• Consultez l'
• exemple d'application __CAPGO_KEEP_0__ example app code Continuez depuis l'authentification Google sur Android

Résolution des problèmes

Si vous utilisez la connexion Google Firebase sur Android pour planifier l'authentification et les flux de compte, connectez-l’à En utilisant @capgo/capacitor-social-login pour la capacité native dans En utilisant @capgo/capacitor-social-login @capgo/capacitor-social-login pour le détail d'implémentation dans @capgo/capacitor-social-login @capgo/capacitor-passkey pour le détail d'implémentation dans @capgo/capacitor-passkey @capgo/capacitor-native-biometric pour le détail d'implémentation dans @capgo/capacitor-native-biometric, et Authentification à deux facteurs pour le détail d'implémentation dans Authentification à deux facteurs.