Firebase Google Login en Android

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

Introducción

Esta guía te ayudará a integrar el inicio de sesión de Google con la autenticación de Firebase en Android. Supongo que ya has completado el configuración general de Google de Firebase

Paso de configuración

Vaya a su visor de proyecto en console.cloud.google.com
Haga clic en el Add app botón

Es posible que tenga que buscar aquí este botón. Esto solo se aplica si ya ha creado una aplicación diferente en la consola de Firebase.
Seleccionar Android
Rellena la primera parte del formulario
1. Rellena Android package name
  1. Abre Android Studio en tu aplicación usando npx cap open android
  2. En la parte inferior de la navegación, encuentra la Gradle Scripts
  3. Encuentra build.gradle para el módulo app
  4. Copia el android.defaultConfig.applicationIdEsto será tu package name en el console de Firebase
  El ID mostrado aquí será diferente del que utilizaré para el resto de la guía. Utilizaré app.capgo.plugin.SocialLogin para el resto de la guía.
  1. Péguelo en el console de Firebase
2. Haga clic en el Register app botón
Saltar el Download and then add config file paso
Saltarse el Add firebase SDK paso
Haga clic en el Continue to console botón
Si no se autenticó automáticamente, vaya a settings -> general -> your apps -> encontrar su aplicación de Android y hacer clic en ella
Agregar aplicación de Firebase Android Configuración General Botón de aplicaciones

Siga los pasos 10-11 del manual de configuración de inicio de sesión de Google para Android Ahora, abra la terminal. Asegúrese de que esté en el:
1. carpeta de su aplicación y ejecute android Terminal mostrando comando gradlew signInReport ./gradlew signInReport
2. Salida de la terminal mostrando huella de certificado SHA1 SHA1.
Cuidado

The SHA1 es muy importante para obtenerlo correctamente. Si se equivoca, la autenticación fallará de maneras extrañas. Por favor LEE LA GUÍA DE CONFIGURACIÓN DE INICIO DE SESIÓN DE GOOGLE PARA ANDROID para obtenerlo correctamente.
Agregar el SHA1 al proyecto de Firebase
1. Haga clic en el Add fingerprint botón
2. Pegue el SHA1 que copió en el paso anterior
3. Haga clic en el Save botón
Obtén tu identificador de cliente web
1. Ir a Build -> Authentication
2. Hacer clic en el Sign-in method botón
3. Hacer clic en el Google proveedor
4. Hacer clic en el Web SDK configuration botón
5. Copiar el Web client ID. Esto será tu webClientId en el initialize método del plugin.
Utiliza el ID del cliente web en JS.

Recomiendo utilizar la authenticateWithGoogle función de ayuda disponible en el authUtils.ts archivo del ejemplo de la aplicación.

En este punto, usted está TECNICAMENTE listo para usar Google Sign-In con Firebase Authentication en Android. Sin embargo, le recomiendo verificar nuevamente la configuración en el consola de Google Cloud como se explica en el siguiente paso.

Verifique la configuración en la consola de Google Cloud

Para asegurarse de que la configuración esté correcta, debe verificar la configuración en la consola de Google Cloud.

Ir a console.cloud.google.com
Encuentre su proyecto
1. Haga clic en el selector de proyecto
2. Busque su proyecto por el nombre exacto de su proyecto de Firebase y haga clic en él. En mi caso, es sociallogin-tutorial-app.
Abrir la barra de búsqueda y abrir credentials
1. Abrir la barra de búsqueda
2. Buscar credentials y hacer clic en el APIs and Services uno (número 2 en la captura de pantalla)
Verificar que vea ambos los IDs de cliente Android y Web en la lista.

Si no ve las dos claves de cliente Android y Web en la lista, has cometido un error en la configuración. Por favor, vuelve atrás y revisa tus pasos.
Es posible, y me ha pasado a mí, que ya hayas agregado la huella SHA1 de Android con el mismo ID de aplicación en un proyecto diferente. Esto provocará que Firebase no pueda crear una clave de cliente Android. En este caso, necesitarás eliminar la huella SHA1 del otro proyecto, así como en Firebase (utilizando el panel de control de Firebase para eliminar la aplicación Android) y recrearla en Firebase.
Verifica que la clave de cliente Android esté correctamente configurada en el panel de control de Firebase.
1. Haz clic en el Android app
2. Asegúrate de que la huella SHA1 esté correctamente configurada y que coincida con la que copiaste en los pasos anteriores.
Verifica que la clave de cliente Web esté correctamente configurada en el panel de control de Firebase.
1. Haz clic en el Web app
2. Verifique que el ID del cliente coincida con el que copiaste en los pasos anteriores.
Ignora el resto de las configuraciones del cliente web. Hablaremos de esto en el guía de configuración web.

¡Eso es todo! Ahora estás listo para usar el inicio de sesión de Google con la autenticación de Firebase en Android.

Solución de problemas

Si la autenticación se atasca o falla:

Verifique que idToken el público coincida con el ID del cliente web de Firebase
Verifique que Google Sign-In esté habilitado en la Consola de Firebase
Asegúrese de que la huella SHA-1 esté configurada correctamente
Revisar el aplicación de ejemplo code para referencia

Si está utilizando Firebase Google Login en Android para planificar la autenticación y los flujos de cuenta, conéctelo con Usando @capgo/capacitor-social-login para la capacidad nativa en Usando @capgo/capacitor-social-login, @capgo/capacitor-login-social para los detalles de implementación en @capgo/capacitor-login-social @capgo/capacitor-clave-llave para los detalles de implementación en @capgo/capacitor-clave-llave @capgo/capacitor-biometría-nativa para los detalles de implementación en @capgo/capacitor-biometría-nativa, y Autenticación de dos factores para los detalles de implementación en Autenticación de dos factores.