Saltar al contenido

Firebase Google Login en Android

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 setup general de Google de Firebase

  1. Ve a la vista general de tu proyecto en console.cloud.google.com

    Vista general del proyecto de Firebase
  2. Haz clic en 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 archivo build.gradle (Módulo: app) en la sección de scripts Gradle
      4. Copiar el android.defaultConfig.applicationId. Este será tu package name en la consola de Firebase Archivo Build.gradle mostrando la configuración de applicationId
      1. Pegue y péguelo en la consola de Firebase Nombre del paquete de Android para agregar la aplicación de Firebase
    2. Haga clic en el Register app botón Botón de registro de la aplicación de Firebase para Android
  5. Saltar el Download and then add config file paso

    Saltar el
  6. paso Add firebase SDK Saltar el

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

    Agregar aplicación de Firebase para Android Continúa en la consola
  8. Si no se autenticó automáticamente, ve a settings -> general -> your apps -> encuentra tu aplicación de Android y haz clic en ella

    Agregar aplicación de Firebase para Android Configuración General Tus aplicaciones
  9. Obtén tu huella SHA1

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

    1. Ahora, abre la terminal. Asegúrate de que estás en el android carpeta de tu aplicación y ejecuta ./gradlew signInReport

      Terminal mostrando comando gradlew signInReport
    2. Desplázate hacia arriba de este comando. Deberías ver lo siguiente. Copia el SHA1.

      Salida del 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 App de Firebase Android Agregar Huella Botón
    2. Pegue la SHA1 que copió en el paso anterior Agregar App de Firebase Android Agregar Huella Campo SHA1
    3. Haga clic en el Save botón Agregar App de Firebase Android Agregar Huella Botón de Guardar
  11. Obtenga su ID de cliente web

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

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

Verifica la configuración en el panel de control de Google Cloud

Sección titulada “Verifica la configuración en el panel de control de Google Cloud”

Para asegurarte de que la configuración esté correcta, debes verificar la configuración en el panel de control 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 Project
  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 el APIs and Services uno (número 2 en la captura de pantalla) Buscar credenciales de Google Cloud Console
  4. Asegúrate de ver ambos los IDs de cliente Android y Web en la lista.

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

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

    1. Haga clic en el Web app Selección de la aplicación de Google Cloud Console de la ID del cliente 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 Google Cloud Console

¡Listo! Ahora estás listo para usar Google Sign-In con Firebase Authentication en Android.

Si la autenticación se atasca o falla:

  • Verifica que el idToken audiencia coincida con tu ID de cliente web de Firebase
  • Comprueba que Google Sign-In 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

Sigue adelante desde Google Login en Firebase en Android

Mantén el ritmo desde el inicio de sesión de Google de Firebase en Android

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