Saltar al contenido

Firebase Google Login en Android

GitHub

Esta guía te ayudará a integrar Google Sign-In con Firebase Authentication en Android. Supongo que ya has completado el setup general de Google en 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. Abrir Android Studio en tu aplicación usando npx cap open android
      2. En la parte inferior de la ventana del navegador, 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.applicationIdEsto 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 botón

    Agregar aplicación de Firebase Android Continuar a la consola de botón
  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 la aplicación de Firebase Android General Botón de 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 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 el comando gradlew signInReport
    2. Desplázate hacia la parte superior 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 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 Autenticación de Firebase Sign-in Método Proveedor de Google
    4. Haz clic en el Web SDK configuration botón Autenticación de Firebase Sign-in Método Web SDK Configuración del Botón
    5. Copie el Web client ID. Esto será su webClientId en el initialize método del plugin.
    Autenticación de Firebase Sign-in Método Web SDK Configuración del ID del Cliente Web
  12. Utilice 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 la configuración en el panel de control de Google Cloud 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. Vaya a console.cloud.google.com

  2. Encuentra tu proyecto

    1. Haga clic en el selector de proyectos Selector de proyectos de Google Cloud Console
    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. Selector de proyecto de Firebase Project
  3. Abra la barra de búsqueda y abra credentials

    1. Abra la barra de búsqueda Barra de búsqueda de Google Cloud Console
    2. Busque por credentials y haga 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 de Android de Google Cloud Console
    2. Verifique que la configuración de la huella SHA1 esté correctamente configurada y que coincida con la que copiaste en los pasos anteriores. Configuración de la huella SHA1 de la aplicación de Android en el Console de Google Cloud
  6. Verifique que la ID del cliente web esté correctamente configurada en el Console de Firebase.

    1. Click en el Web app Selección de la aplicación de web en el Console de Google Cloud
    2. Verifique que la ID del cliente coincida con la que copiaste en los pasos anteriores. Configuración de la ID del cliente web en la aplicación de web en el Console de Google Cloud

¡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 la huella SHA-1 esté configurada correctamente
  • Revisa la aplicación de ejemplo code para obtener referencias

Si estás utilizando Google Login de Firebase 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 @capgo/capacitor-login-social para el detalle de implementación en @capgo/capacitor-login-social @capgo/capacitor-clave-privada para el detalle de implementación en @capgo/capacitor-clave-privada @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.