Saltar al contenido

Inicio de sesión de Google de Firebase en Android

GitHub

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

  1. Dirígete 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 Android package name
      1. Abrir Android Studio en tu aplicación usando npx cap open android
      2. En la parte inferior de la navegación, encuentra la Gradle Scripts Sección de scripts Gradle en el navegador de proyecto de Android Studio
      3. Encuentra build.gradle para el módulo app archivo build.gradle (Módulo: app) en la sección de scripts de Gradle
      4. Copia el android.defaultConfig.applicationIdEsto será tu package name en la consola de Firebase Archivo build.gradle mostrando la configuración de applicationId
      1. Pégalo en la consola de Firebase Agregar Paquete de Android de Firebase
    2. Haga clic en el Register app botón Agregar App de Firebase Android (Registrar)
  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 App de Firebase Android Continuar a la Consola de Administració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

    Ajustes Generales de la App de Firebase Android Tu Aplicaciones
  9. Obtenga su huella SHA1

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

    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 la terminal mostrando huella de certificado SHA1
  10. Agregar el SHA1 al proyecto de Firebase

    1. Haga clic en el Add fingerprint botón Firebase Agregar App Android Agregar Huella Button
    2. Pegue la cadena SHA1 que copiaste en el paso anterior Agregar App de Firebase Android Agregar Huella SHA1
    3. Haga clic en el Save botón Agregar App de Firebase Android Agregar Huella 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 Agregar Método de Inicio de Sesión de Firebase Autenticación
    3. Haga 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 de botón
    5. Copia 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 de cliente web
  12. Utiliza el ID de cliente web en JS.

En este punto, estás TECNICAMENTE listo para utilizar el inicio de sesión de Google con la autenticación de Firebase en Android. Sin embargo, te recomendaría 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 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 número 2 (en la captura de pantalla) Buscar credenciales de Google Cloud Console
  4. Asegúrate de ver tanto el ID del cliente Android como el del cliente Web en la lista.

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

    1. Haga clic en el Android app Selección de aplicación Android de Google Cloud Console
    2. Asegúrate de que la huella SHA1 esté correctamente configurada y que coincida con la que copiaste en los pasos anteriores. Configuración de SHA1 de la aplicación Android en la Consola de Cloud Google
  6. Verifique que el ID del cliente web esté configurado correctamente en la consola de Firebase.

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

¡Eso es todo! Ahora está listo para usar el inicio de sesión de Google con la autenticación de Firebase en Android.

Si la autenticación se atasca o falla:

  • Verifique que el idToken audiencia coincida con su ID de cliente web de Firebase
  • Compruebe que Google Sign-In esté habilitado en la Consola de Firebase
  • Asegúrese de que la huella SHA-1 esté configurada correctamente
  • Revisar el ejemplo de aplicación code para referencia

Siga adelante desde la autenticación de Google de Firebase en Android

Sección titulada “Siga adelante desde la autenticació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, @capgo/capacitor-login-social para el detalle de implementación en @capgo/capacitor-login-social, @capgo/capacitor-clave-secuestrada para el detalle de implementación en @capgo/capacitor-clave-secuestrada, @capgo/capacitor-biometría-nativa para el detalle de implementación en @capgo/capacitor-biometría-nativa, y La autenticación en dos factores para el detalle de implementación en la autenticación de dos factores.