Saltar al contenido

Firebase Google Login en Android

GitHub

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 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 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 de 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.applicationIdEste 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 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 Botón de Huella Digital
    2. Pega la SHA1 que copiaste en el paso anterior Agregar App de Firebase Android Agregar Campo de SHA1 de Huella Digital
    3. Haz clic en el Save botón Agregar App 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 proveedor de Google
    4. Haga clic en el Web SDK configuration botón Método de inicio de sesión de autenticación de Firebase proveedor de Google Configuración de cliente web SDK
    5. Copie el Web client ID. Este será su webClientId en el initialize método de la pluggin.
    Método de inicio de sesión de autenticación de Firebase proveedor de Google Configuración de cliente web SDK ID de cliente web
  12. Use el ID de cliente web en JS.

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

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

  1. Vaya a console.cloud.google.com

  2. Encuentre su proyecto

    1. Haga clic en el selector de proyecto Selector de proyecto de Google Cloud Console
    2. Búsqueda de proyecto de Firebase en el selector de proyecto de Google Cloud Console sociallogin-tutorial-app. Busque su proyecto por el nombre exacto de su proyecto de Firebase y haga clic en él. En mi caso, es
  3. Selector de proyecto de Firebase en el selector de proyecto de Google Cloud Console credentials

    1. Abra la barra de búsqueda y abra Abra la barra de búsqueda
    2. Barra de búsqueda de Google Cloud Console credentials Buscar por y haga clic en el APIs and Services uno (número 2 en la captura de pantalla) Buscar credenciales de Google Cloud Console
  4. Verificar que vea tanto el ID del cliente Android como el del cliente Web en la lista.

    Lista de credenciales de Google Cloud Console
  5. Verificar que el ID del 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. 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 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 Web App
    2. Verifique que la ID del cliente coincida con la que copiaste en los pasos anteriores. Configuración de la ID del cliente web de la aplicación de Google Cloud Console Web App

¡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 audience coincida con tu ID de cliente web de Firebase
  • Revisa que Sign-In de Google esté habilitado en la Consola de Firebase
  • Asegúrate de que la huella SHA-1 esté configurada correctamente
  • Revisa el ejemplo de aplicación 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.