Firebase Google Login en Android

Copia un prompt de configuración con los pasos de instalación y la guía completa en markdown para este plugin.

Introducción

Esta guía te ayudará a integrar Google Sign-In con Firebase Authentication en Android. Asumo que ya has completado la configuración general de Google en Firebase

Setup Steps

Ve a la descripción general de tu proyecto en console.cloud.google.com
Haz clic en el Add app botón

Es posible que tengas que buscar este botón aquí. Esto solo aplica si ya has creado otra app en la Firebase Console.
Selecciona Android
Completa la primera parte del formulario
1. Completa el Android package name
  1. Abre Android Studio en tu app usando npx cap open android
  2. En la parte inferior del navegador, busca la Gradle Scripts
  3. Busca build.gradle para el módulo app
  4. Copia el android.defaultConfig.applicationId. Este será tu package name en la consola de Firebase
  El ID que se muestra aquí será distinto al que usaré en el resto de la guía. Usaré app.capgo.plugin.SocialLogin para el resto de la guía.
  1. Pégalo en la consola de Firebase
2. Haz clic en el Register app botón
Salta el Download and then add config file paso
Salta el Add firebase SDK paso
Haz clic en el Continue to console botón
Si no te autenticas automáticamente, ve a settings -> general -> your apps -> busca tu app de Android y haz clic en ella
Obtén tu huella digital SHA1

Sigue los pasos 10-11 de la guía de configuración de Google Login para Android:
1. Ahora, abre la terminal. Asegúrate de estar en la android carpeta de tu app y ejecuta ./gradlew signInReport
2. Desplázate hasta arriba de este comando. Deberías ver lo siguiente. Copia el SHA1.
Usaré un SHA1 ligeramente distinto en el resto de la guía, ya que he cambiado de equipo desde que escribí la guía original de Google Login para Android.

Configurar bien el SHA1 es crucial. Si cometes un error, la autenticación fallará de formas extrañas. Por favor, LEE LA GUÍA DE CONFIGURACIÓN DE GOOGLE LOGIN PARA ANDROID para hacerlo correctamente.
Añade el SHA1 al proyecto de Firebase
1. Haz clic en el Add fingerprint botón
2. Pega el SHA1 que copiaste en el paso anterior
3. Haz clic en el Save botón
Obtén tu web client ID
1. Ve a Build -> Authentication
2. Haz clic en el Sign-in method botón
3. Haz clic en el Google proveedor
4. Haz clic en el Web SDK configuration botón
5. Copia el Web client ID. Este será tu webClientId en la initialize método del plugin.
Usa el web client ID en JS.

Recomiendo usar la authenticateWithGoogle función helper disponible en authUtils.ts archivo de la app de ejemplo.

En este punto, ya estás TÉCNICAMENTE listo para usar Google Sign-In con Firebase Authentication en Android. No obstante, te recomiendo verificar la configuración en la consola de Google Cloud como se explica en el siguiente paso.

Verifica la configuración en la consola de Google Cloud

Para asegurarte de que la configuración es correcta, debes verificarla nuevamente en la consola de Google Cloud.

Ve a console.cloud.google.com
Busca tu proyecto
1. Haz clic en el selector de proyectos
2. Busca tu proyecto por el nombre exacto de tu proyecto de Firebase y selecciónalo. En mi caso, es sociallogin-tutorial-app.
Abre la barra de búsqueda y abre credentials
1. Abre la barra de búsqueda
2. Busca credentials y haz clic en el APIs and Services uno (número 2 en la captura)
Verifica que veas los client IDs de Android y Web en la lista.

Si no ves los client IDs de Android y Web en la lista, hubo un error en la configuración. Por favor, revisa los pasos anteriores.
También es posible, y me ha pasado, que ya hayas añadido el hash SHA1 de Android con el mismo app ID en otro proyecto. Esto hará que Firebase no pueda crear un client ID de Android. En ese caso, deberás eliminar el SHA1 del otro proyecto y de Firebase (usando la consola de Firebase para eliminar la app de Android) y volver a crearlo en Firebase.
Verifica que el client ID de Android esté correctamente configurado en la consola de Firebase.
1. Haz clic en el Android app
2. Confirma que el hash SHA1 esté bien configurado y que coincida con el que copiaste en los pasos anteriores.
Verifica que el client ID de Web esté correctamente configurado en la consola de Firebase.
1. Haz clic en el Web app
2. Confirma que el client ID coincide con el que copiaste en los pasos anteriores.
Por favor, ignora el resto de la configuración del cliente web. Hablaremos de esto en el guía de configuración web.

¡Listo! Ya puedes usar Google Sign-In con Firebase Authentication en Android.

Solución de problemas

Si la autenticación se cuelga o falla:

Verifica el idToken la audiencia coincide con tu Firebase web client ID
Verifica que Google Sign-In esté habilitado en Firebase Console
Asegúrate de que el fingerprint SHA-1 esté bien configurado
Revisa la app de ejemplo code como referencia

Si estás usando Firebase Google Login en Android para planificar los flujos de autenticación y de cuenta, conéctalo con Uso de @capgo/capacitor-social-login para la capacidad nativa en el uso de @capgo/capacitor-social-login, @capgo/capacitor-social-login para los detalles de implementación en @capgo/capacitor-social-login, @capgo/capacitor-passkey para el detalle de implementación en @capgo/capacitor-passkey, @capgo/capacitor-native-biometric para el detalle de implementación en @capgo/capacitor-native-biometric, y Autenticación de dos factores para el detalle de implementación en la autenticación de dos factores.