Login Google Firebase sur Android

Copiez un prompt de configuration avec les étapes d'installation et la guide Markdown complet pour ce plugin.

Introduction

Ce guide vous aidera à intégrer l'authentification Google avec l'authentification Firebase sur Android. Je suppose que vous avez déjà complété la configuration Firebase Google de base. __CAPGO_KEEP_0__

Étapes de configuration

Allez à votre vue d'ensemble de projet sur console.cloud.google.com
Cliquez sur le Add app bouton

Il est possible que vous deviez chercher ici pour ce bouton. Cela s'applique uniquement si vous avez déjà créé une application différente dans la Console Firebase.
Sélectionner Android
Remplir la première partie du formulaire
1. Remplir le Android package name
  1. Ouvrir Android Studio à votre application en utilisant npx cap open android
  2. À la base de la barre de navigation, trouver la Gradle Scripts
  3. Trouver build.gradle pour le module app
  4. Copiez le android.defaultConfig.applicationId. Cela sera votre package name dans le console Firebase
  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.
  1. Collez-le dans le console Firebase
2. Cliquez sur le Register app bouton
Évitez le Download and then add config file étape
Bouton d'inscription de l'application Android Firebase Add firebase SDK Cliquez sur le
Bouton Continuez vers la console Firebase Add App Android Continue to console Si vous n'êtes pas automatiquement authentifié, allez à
https://console.firebase.google.com settings -> general -> your apps -> Trouvez votre application Android et cliquez dessus
Obtenez votre empreinte SHA1

Suivez les étapes 10-11 du guide de configuration de l'authentification Google pour Android Ouvrez maintenant le terminal. Assurez-vous d'être dans le:
1. dossier de votre application et exécutez android Terminal montrant la commande gradlew signInReport ./gradlew signInReport
2. Sortie du terminal montrant l'empreinte de certificat SHA1 SHA1.
J'utiliserai une valeur SHA1 légèrement différente pour le reste de la guide, car j'ai changé les ordinateurs depuis l'écriture du guide d'origine de configuration Google de connexion Android.

La valeur SHA1 est très importante pour la obtenir correctement. Si vous faites une erreur, l'authentification échouera de manière étrange. Veuillez LIRE LE GUIDE DE CONFIGURATION GOOGLE DE CONNEXION ANDROID pour obtenir la bonne valeur.
Ajoutez la valeur 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
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 ID. Cela sera votre webClientId dans initialize méthode du plugin.
Utilisez l'ID client web dans JS.

Je vous recommande d'utiliser le authenticateWithGoogle fonction d'aide disponible dans le authUtils.ts fichier de l'application d'exemple.

À ce stade, vous êtes TECHNICAMENT prêt à utiliser 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.

Allez à console.cloud.google.com
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.
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 (numéro 2 sur l'écran d'écran)
Vérifiez que vous voyez les deux identifiants de client Android et Web dans la liste.

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 déjà arrivé, que vous ayez déjà ajouté la chaîne SHA1 d'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 chaîne 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
Vérifiez que l'identifiant de client Android est correctement configuré dans la console Firebase.
1. Cliquez sur Android application
2. Confirmez que la chaîne SHA1 est correctement configurée et qu'elle correspond à celle que vous avez copiée dans les étapes précédentes.
Vérifiez que l'identifiant de client Web est correctement configuré dans la console Firebase.
1. Cliquez sur l' Web app
2. Confirmez que l'ID client correspond à celui que vous avez copié dans les étapes précédentes.
N'oubliez pas les autres paramètres de l'application Web. Nous en discuterons plus en détail dans le guide de configuration de l'application Web. Voilà ! Vous êtes maintenant prêt à utiliser Google Sign-In avec Firebase Authentication sur Android..

Résolution des problèmes

Sous-titre intitulé “Résolution des problèmes”

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

Vérifiez que idToken l'audience correspond à votre ID client web Firebase
Vérifiez que Google Sign-In est activé dans le console Firebase
Assurez-vous que la empreinte SHA-1 est correctement configurée
Révisez l' application d'exemple code pour référence

Si vous utilisez Google Login Firebase sur Android pour planifier l'authentification et les flux de compte, connectez-le avec Utilisez @capgo/capacitor-login-social pour la capacité native dans Utilisez @capgo/capacitor-login-social, @capgo/capacitor-login-social pour le détail d'implémentation dans @capgo/capacitor-login-social, @capgo/capacitor-passkey pour le détail d'implémentation dans @capgo/capacitor-passkey, @capgo/capacitor-biométrique-native pour le détail d'implémentation dans @capgo/capacitor-biométrique-native, et L'authentification à deux facteurs pour le détail d'implémentation dans L'authentification à deux facteurs.