Firebase Authentication

​

Descripción General

Añadir la autenticación de usuarios a tu aplicación web es esencial para crear experiencias personalizadas, asegurar el contenido y gestionar datos específicos del usuario. Con la integración de Firebase de Golex, puedes implementar una autenticación segura con el mínimo esfuerzo.

​

Paso 1: Habilitar la Autenticación en Firebase

Primero, necesitas habilitar el servicio de Autenticación en tu proyecto de Firebase:

1. Ve a la Consola de Firebase
2. Selecciona tu proyecto
3. En la barra lateral izquierda, haz clic en Authentication
4. Haz clic en el botón Empezar si aún no has habilitado la Autenticación
5. Ahora verás el panel de Autenticación donde puedes configurar los métodos de inicio de sesión

​

Paso 2: Configurar los Proveedores de Autenticación

Firebase ofrece múltiples métodos de autenticación. Elige los que mejor se adapten a tu aplicación:

​

Autenticación por Correo Electrónico/Contraseña

El método de autenticación más común:

1. En el panel de Autenticación, haz clic en la pestaña Método de inicio de sesión
2. Haz clic en Correo electrónico/Contraseña en la lista de proveedores
3. Activa el interruptor Habilitar a la posición de encendido
4. Haz clic en Guardar

​

Autenticación de Google

Permite a los usuarios iniciar sesión con sus cuentas de Google:

1. En la pestaña Método de inicio de sesión, haz clic en Google
2. Activa el interruptor Habilitar a la posición de encendido
3. Introduce un Correo electrónico de soporte del proyecto (normalmente tu dirección de correo electrónico)
4. Haz clic en Guardar

​

Otros Proveedores

Firebase soporta muchos otros proveedores de autenticación:

• Apple
• Facebook
• Twitter
• GitHub
• Microsoft
• Número de Teléfono
• Anónimo

El proceso de configuración es similar para la mayoría de los proveedores: habilita el proveedor y configura los ajustes requeridos.

​

Paso 3: Configurar Dominios Autorizados

Por razones de seguridad, Firebase solo permite la autenticación desde dominios autorizados. Al usar proveedores de terceros (como Google, Facebook, etc.), necesitas añadir el dominio de tu aplicación Golex:

1. En el panel de Autenticación, haz clic en la pestaña Configuración
2. Desplázate hacia abajo hasta la sección Dominios autorizados
3. Haz clic en Añadir dominio

4. Añade el dominio de tu aplicación Golex: {webappid}.myurl.live (reemplaza {webappid} con el ID real de tu aplicación web). Encuentra la referencia en la captura de pantalla de arriba. Disponible en la barra de URL en la sección de vista previa.
5. Haz clic en Añadir

​

Paso 4: Usar la Autenticación en Tu Aplicación Golex

Una vez que hayas configurado la Autenticación de Firebase, Golex facilita la implementación de funciones de autenticación en tu aplicación:

​

Añadir Componentes de Inicio de Sesión

Golex proporciona componentes preconstruidos para la autenticación de usuarios:

1. En el editor de Golex, navega a la página donde quieres añadir la autenticación
2. Abre el panel de componentes
3. Busca “auth” para encontrar los componentes de autenticación
4. Arrastra y suelta el componente deseado (Formulario de Inicio de Sesión, Formulario de Registro, etc.) en tu página

​

Gestionar el Estado de Autenticación

Golex se integra automáticamente con la Autenticación de Firebase, permitiéndote:

• Crear rutas protegidas a las que solo pueden acceder los usuarios autenticados
• Mostrar diferentes elementos de la interfaz de usuario en función del estado de autenticación del usuario
• Acceder a la información del usuario en tus componentes y lógica

​

Paso 5: Probar Tu Autenticación

Para asegurar que tu autenticación está funcionando correctamente:

1. Previsualiza tu aplicación en Golex
2. Intenta registrarte con una nueva cuenta
3. Cierra la sesión y vuelve a iniciarla
4. Prueba cualquier ruta protegida o función dependiente de la autenticación

​

Problemas Comunes y Soluciones

​

Próximos Pasos

Ahora que has configurado la Autenticación de Firebase, considera explorar:

• Cloud Firestore - Almacena los datos del usuario de forma segura

Si encuentras algún problema con la Autenticación de Firebase, contacta con Soporte de Golex para obtener ayuda.