Saltar al contenido

Firebase Google Login 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 el Configuración general de Firebase y Google

  1. Dirígete a la vista general de tu proyecto en https://console.cloud.google.com

    Vista general de 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 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.applicationId. This will be your package name en la consola de Firebase Archivo build.gradle mostrando la configuración de applicationId
      1. Pégalo en la consola de Firebase Firebase Agregar App Nombre de Paquete Android
    2. Haga clic en el Register app botón Botón de registro de Firebase Add App Android
  5. Pulse Download and then add config file paso

    Pulsa para saltarte el paso de descarga y configuración de Firebase Add App Android
  6. Pulse Add firebase SDK paso

    Agregar Firebase App Android Saltar 'Agregar firebase SDK'
  7. Haga clic en el Continue to console botón

    Botón de continuar a la consola de Firebase Add App Android
  8. Si no se autenticó automáticamente, vaya a settings -> general -> your apps -> encuentra tu aplicación de Android y haz clic en ella

    Firebase Agregar App Configuración General Tus Aplicaciones Botón
  9. Obtén tu huella SHA1

    Sigue los pasos 10-11 desde el Ahora, abre la terminal. Asegúrate de que estás en el:

    1. Abráquese ahora a la terminal. Asegúrese de que esté en el android Terminal mostrando comando gradlew signInReport ./gradlew signInReport

      Terminal mostrando comando gradlew signInReport
    2. Navegue hacia la parte superior de esta orden. Debería ver lo siguiente. Copie el SHA1.

      Salida del 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 Botón de Huella
    2. Pegue el SHA1 que copió en el paso anterior Agregar aplicación de Firebase Android Agregar huella SHA1 de campo
    3. Haz clic en el Save botón Agregar aplicación de Firebase Android Agregar huella Guardar botón
  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 inicio de sesión con Firebase Authentication
    3. Haz clic en el Google proveedor Autenticación de Firebase Método de inicio de sesión proveedor de Google
    4. Haga clic en el Web SDK configuration botón Firebase Authentication Sign-in Method Web SDK Configuration Button
    5. Copie el Web client ID. Esto será su webClientId en el initialize método de la extensión.
    Método de inicio de sesión de autenticación de Firebase Configuración del cliente web SDK ID de cliente web
  12. Use el ID del 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 el setup en el consola de Google Cloud como se explica en el siguiente paso.

Verifica el setup en la consola de Google Cloud

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

Para asegurarte de que el setup esté correcto, debes verificar el setup en la consola de Google Cloud.

  1. Dirígete a console.cloud.google.com

  2. Encuentra tu proyecto

    1. Haz clic en el selector de proyectos Selector de proyectos de Google Cloud Console
    2. Búsqueda de 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. Búsqueda de credentials y haz clic en el APIs and Services número 1 (número 2 en la captura de pantalla) Buscar credenciales de Google Cloud Console
  4. Verifica que veas ambos los identificadores de cliente Android y Web en la lista.

    Lista de credenciales de Google Cloud Console
  5. Verifica que el identificador de cliente Android esté correctamente configurado en el console de Firebase.

    1. Haz clic en el Android aplicación Selección de aplicación Android de Google Cloud Console
    2. Confirma que la huella SHA1 esté correctamente configurada y que coincida con la que copiaste en los pasos anteriores. Huella SHA1 configurada de la aplicación Android de Google Cloud Console
  6. Verifique que el ID del cliente web esté configurado correctamente en la consola de Firebase.

    1. Click en el Web aplicación Google Console de Nube Aplicación Web Seleccione
    2. Confirmar que el ID del cliente coincida con el que copiaste en los pasos anteriores. Google Cloud Console Web App Client ID Configured

¡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:

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

Siga adelante desde el inicio de sesión de Google de Firebase en Android

Siguiente paso desde el inicio de sesión de Google de Firebase en Android

Si está utilizando Iniciar sesión con Google de Firebase en Android para planificar la autenticación y los flujos de cuenta, conectéalo con Usando @capgo/capacitor-iniciode sesión social para la capacidad nativa en Usando @capgo/capacitor-iniciode sesión social Usando @capgo/capacitor-iniciode sesión social para el detalle de implementación en @capgo/capacitor-iniciode sesión social Usando @capgo/capacitor-clave de acceso para el detalle de implementación en @capgo/capacitor-clave de acceso 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 en Autenticación en dos factores