Saltar al contenido

Inicio de sesión de Google de Firebase en Android

GitHub

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. general configuración de Firebase Google

  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 Android de Firebase
  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.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 del terminal mostrando la 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 Firebase Authentication Google Proveedor
    4. Haga clic en el Web SDK configuration botón Método de inicio de sesión de Firebase Authentication Web SDK Configuración del botón del cliente web
    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 Firebase Authentication Web SDK Configuración del cliente web ID
  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.

Verifica la configuración en la consola de Google Cloud

Sección titulada “Verifica la configuración en la consola de Google Cloud”

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
  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 tanto el ID de cliente Android como el de cliente Web en la lista.

    Lista de credenciales de Google Cloud Console
  5. Verificar que el ID de cliente Android esté correctamente configurado en el panel de control 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 en 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 Web App
    2. Confirme que la ID del cliente coincide con la que copiaste en los pasos anteriores. Configuración de la ID del cliente web en la aplicación de Google Cloud 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 público coincida con tu ID de cliente web de Firebase
  • Comprueba 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-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, y Autenticación en dos factores para el detalle de implementación de Autenticación en dos factores.