Saltar al contenido

Inicio de sesión de Google de Firebase en Android

GitHub

Introducción

Introducción

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

Pasos de configuración

Pasos de configuración
  1. Ve a la vista general de tu proyecto en console.cloud.google.com

    Vista general de proyecto de Firebase
  2. Haz clic en el Add app botón

    Botón de agregar aplicación de Firebase Botón de agregar aplicación de Firebase
  3. Seleccionar Android

    Botón de agregar aplicación de Firebase para Android
  4. Rellena la primera parte del formulario

    1. Rellena el 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 el Gradle Scripts Sección de scripts Gradle en el navegador del proyecto de Android Studio
      3. Buscar build.gradle para el módulo app el archivo build.gradle (Módulo: app) en la sección de scripts Gradle
      4. Copiar el android.defaultConfig.applicationIdEsto será tu package name en la consola de Firebase Archivo build.gradle mostrando la configuración de applicationId
      1. Pegarlo en la consola de Firebase Campo de nombre de paquete de Firebase Add App Android
    2. Haga clic en el Register app botón Firebase Add App Android Register Button
  5. Saltar el Download and then add config file paso

    Firebase Add App Android Saltar 'Descargar y luego agregar archivo de configuración'
  6. Saltar el Add firebase SDK paso

    Firebase Add App Android Saltar 'Agregar firebase SDK'
  7. Haga clic en el Continue to console botón

    Continuar a la Consola de Firebase para Android
  8. Si no se autenticó automáticamente, vaya a settings -> general -> your apps -> encuentre su aplicación de Android y haga clic en ella

    Configuración de Firebase para Android Configuración General Botón de Aplicaciones
  9. Obtenga su huella SHA1

    Siga los pasos 10-11 del Guía de configuración de inicio de sesión de Google para Android:

    1. Ahora, abra la terminal. Asegúrese de estar en el android carpeta de su aplicación y ejecute ./gradlew signInReport

      Terminal mostrando comando gradlew signInReport
    2. Desplácese hacia arriba en este comando. Debería ver lo siguiente. Copie el SHA1.

      Salida de terminal mostrando huella de certificado SHA1
  10. Agregar la huella de certificado SHA1 al proyecto de Firebase

    1. Haga clic en el Add fingerprint botón Agregar aplicación de Firebase Android Agregar botón de huella digital
    2. Pega la SHA1 que copiaste en el paso anterior Agregar aplicación de Firebase Android Agregar campo de SHA1 de huella digital
    3. Haz clic en el Save botón Agregar aplicación de Firebase Android Agregar botón de guardar huella digital
  11. Obtén tu ID de cliente web

    1. Ve a Build -> Authentication Menú de autenticación de Firebase
    2. Haz clic en el Sign-in method botón Botón de método de inicio de sesión de autenticación de Firebase
    3. Haga clic en el Google proveedor Método de inicio de sesión de autenticación de Firebase Google
    4. Haga clic en el Web SDK configuration botón Método de inicio de sesión de autenticación de Firebase Web Configuración del proveedor SDK
    5. Copie el Web client ID. Esto será su webClientId en el initialize método de inicio de sesión del plugin.
    Método de inicio de sesión de autenticación de Firebase Web Configuración del cliente web SDK
  12. Use el ID del cliente web en JS.

En este punto, estás TECNICAMENTE listo para utilizar Sign-In de Google con la autenticación de Firebase en Android. Sin embargo, te recomiendo verificar la configuración en el consola de Google Cloud como se explica en el siguiente paso.

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

  1. Ir a console.cloud.google.com

  2. Encuentra tu proyecto

    1. Haz clic en el selector de proyecto Selector de proyecto de Google Cloud Console
    2. Busca tu proyecto por el nombre exacto de tu proyecto de Firebase y haz clic en él. En mi caso, es sociallogin-tutorial-app. Selector de proyecto de Firebase Proyecto
  3. Abre la barra de búsqueda y abre credentials

    1. Abre la barra de búsqueda Barra de búsqueda de Google Cloud Console
    2. Busca credentials y haz clic en APIs and Services uno (número 2 en la captura de pantalla) Buscar credenciales de Google Cloud Console
  4. Verificar que vea ambos los IDs de cliente Android y Web en la lista.

    Lista de credenciales de Google Cloud Console
  5. Verificar que el ID de cliente Android esté correctamente configurado en el console de Firebase.

    1. Haga clic en el Android aplicación Seleccionar aplicación Android de Google Cloud Console
    2. Confirme que la configuración de la huella SHA1 está correctamente configurada y que coincide con la que copiaste en los pasos anteriores. Configuración de la huella SHA1 de la aplicación de Android de Google Cloud Console
  6. Verifique que la ID del cliente web esté correctamente configurada en la consola de Firebase.

    1. Haga clic en el Web aplicación Seleccione la aplicación de la consola de Google Cloud Console de la aplicación web
    2. Confirme que la ID del cliente coincide con la que copiaste en los pasos anteriores. Configuración de la ID del cliente web de la aplicación de la consola de Google Cloud Console

¡Listo! Ahora estás listo para usar Sign-In de Google con la autenticación de Firebase en Android.

Si la autenticación se atasca o falla:

  • Verifica que el idToken público coincida con el ID de cliente web de Firebase
  • Comprueba que Sign-In de Google esté habilitado en la Consola de Firebase
  • Asegúrate de que el fingerprint SHA-1 esté configurado correctamente
  • Revisa la aplicación de ejemplo code para obtener referencias

Si estás utilizando Firebase Google Login en Android para planificar la autenticación y los flujos de cuenta, conecta con Usando @capgo/capacitor-social-login para la capacidad nativa en Usando @capgo/capacitor-social-login @capgo/capacitor-social-login para el detalle 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 Autenticación en dos factores para el detalle de implementación en Autenticación en dos factores.