Firebase Google Login en Web

Introducción

El plugin de Capacitor Social Login no es compatible con plataformas web. Para aplicaciones web, lo ideal es usar directamente el Google Sign-In integrado de Firebase, que ofrece un flujo de autenticación mediante popups más fiable.

¿Por qué no usar el plugin en la web?

El plugin Social Login de Capacitor está diseñado para plataformas móviles nativas (Android e iOS), donde puede aprovechar los flujos de autenticación específicos de cada plataforma. Para la web, el método nativo de Firebase signInWithPopup es:

• ✅ Más fiable y con mejor soporte
• ✅ Gestiona el session storage del navegador automáticamente
• ✅ Ofrece un mejor manejo de errores
• ✅ No requiere configuración adicional

Setup Steps

1. Configurar el proyecto de Firebase

   Asegúrate de que tu proyecto de Firebase tenga habilitado Google Sign-In:

   • Ve a Consola de Firebase
   • Ve a Authentication > Sign-in method
   • Habilita el proveedor Google Sign-In

2. Añade tus dominios autorizados

   1. Ve a la descripción general de tu proyecto en console.cloud.google.com
   2. Abre la Authentication menú
   3. Haz clic en el Settings botón
   4. Configura los Authorized domains

Ejemplo de implementación

Consulta la authUtils.ts archivo en la app de ejemplo para una implementación completa que:

• Utiliza el de Firebase signInWithPopup para plataformas web
• Utiliza el plugin Capacitor Social Login para Android/iOS
• Gestiona la detección de plataforma automáticamente

El ejemplo muestra cómo usar condicionalmente el método nativo de Firebase en web mientras usas el plugin en plataformas nativas.

Recursos adicionales

• Documentación de Firebase Authentication - Documentación completa de Firebase Auth
• Firebase Google Sign-In para Web - Guía oficial de Firebase para Google Sign-In en web
• Guía de configuración de Google Login - Guía para configurar dominios autorizados y la pantalla de consentimiento de OAuth

Continúa con Firebase Google Login en Web

Si estás usando Firebase Google Login en Web para planificar los flujos de autenticación y de cuenta, conéctalo con Uso de @capgo/capacitor-social-login para la capacidad nativa en el uso de @capgo/capacitor-social-login, @capgo/capacitor-social-login para los detalles 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, y Autenticación de dos factores para el detalle de implementación en la autenticación de dos factores.