CursosEmpresasBlogLiveConfPrecios

Servicios de autenticación de Firebase

Clase 6 de 32 • Curso de Firebase 5 para Web

Clase anteriorSiguiente clase
Resumen

Firebase simplifica la autenticación y gestión de usuarios con una plataforma segura, escalable y sin costo para almacenar miles de cuentas. Con Firebase Authentication aprovechas la robustez de Google Cloud y eliminas la complejidad de crear tablas, APIs y políticas de seguridad desde cero. Así, te concentras en tu producto sin sacrificar seguridad, escalabilidad ni disponibilidad.

¿Qué resuelve Firebase Auth y por qué conviene?

Firebase centraliza la creación y autenticación de usuarios con flujos listos para producción. No necesitas implementar infraestructura propia para registro, inicio de sesión o recuperación de contraseñas.

  • Almacenamiento de usuarios sin costo. Soporta miles de cuentas sin cobrar por ello.
  • Alta seguridad y disponibilidad. Respaldo de la plataforma de Google Cloud.
  • Flexibilidad de autenticación. Soporta email/password, redes sociales y opciones personalizadas.
  • Multilenguaje con SDKs. Disponibles para JavaScript, Java, Node, Go y más.
  • Gestión centralizada. Consola intuitiva para crear, inactivar, eliminar usuarios o recordar su contraseña.

¿Qué SDKs y lenguajes puedes usar?

  • JavaScript para proyectos web.
  • Java, Node, Go y otros a través de SDKs oficiales o de la comunidad.
  • Beneficio clave: mismo backend de autenticación con integración a otros servicios de Firebase.

¿Qué tipos de autenticación están disponibles?

  • Clásica: email/password.
  • Redes sociales: Google, Facebook, Twitter, GitHub.
  • Teléfono: verificación por código vía SMS.
  • Anónima: ideal para pruebas o flujos temporales.
  • Personalizada: integra tu propio proveedor y valida con Firebase.

¿Cómo habilitar métodos de inicio de sesión en la consola?

La pestaña de Autenticación en la consola te guía paso a paso. Allí administras usuarios, eliges métodos de acceso y defines los dominios que pueden usar el servicio.

¿Qué pestañas encontrarás en autenticación?

  • Usuarios: lista de cuentas creadas o autenticadas. Puedes añadir, eliminar, inactivar o recordar contraseña.
  • Método de inicio de sesión: activa cómo se registran o acceden tus usuarios: email/password, teléfono, redes sociales o anónimo.
  • Dominios autorizados: define desde qué dominios se permite consumir la autenticación.

¿Qué métodos de inicio de sesión puedes activar?

  • Activa email/password con un clic.
  • Conecta Google, Facebook, Twitter, GitHub.
  • Habilita teléfono para verificación por SMS.
  • Usa anónimo o personalizado si tu flujo lo requiere.

¿Por qué registrar dominios autorizados?

  • Aumenta la seguridad: solo las aplicaciones listadas pueden usar Firebase Auth.
  • Ejemplos típicos: localhost para desarrollo y el dominio por defecto del hosting de Firebase.

¿Cómo integrar los scripts de autenticación en tu HTML?

Para usar Firebase Auth en el navegador, agrega el script general (core) y el script de autenticación. Al cargar la página, tendrás disponibles las clases y funciones necesarias para autenticar usuarios.

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
    <title>Autenticación con Firebase</title>
  </head>
  <body>
    <!-- Tu interfaz -->

    <!-- Scripts de Firebase -->
    <!-- Script core (obligatorio para cualquier servicio). -->
    <script src="..."></script>

    <!-- Script de autenticación. -->
    <script src="..."></script>

    <!-- Inicialización previa del proyecto (ya configurada con tus credenciales). -->
    <script>
      // Tras cargar la página, podrás usar las clases y funciones de autenticación.
      // Ejemplo ilustrativo (sin detalles específicos):
      // // Accede a funcionalidades de autenticación aquí.
    </script>
  </body>
</html>

¿Qué orden seguir al cargar scripts?

  • Primero el script core de Firebase.
  • Luego el script de autenticación.
  • Después tu código, para que las clases y funciones estén disponibles.

¿Quieres que profundicemos en habilitar email/password y crear cuentas paso a paso en tu blog? Comenta tus dudas y qué método de inicio de sesión te interesa activar primero.