Autenticación con Firebase y Vue 3 Composition API

Firebase ofrece decenas de características que nos simplifican el desarrollo de nuestros proyectos hasta niveles indecentes: autenticación, bases de datos en real time, sistema de hosting, almacenamiento, funciones Cloud, Machine Learning y mucho más.

En este curso aprenderás a aplicar de forma completa un sistema de autenticación con Firebase y Vue 3 Composition API utilizando correo electrónico y contraseña con las funcionalidades de login, registro y recuperación de contraseña, todo 100% personalizado.

Para cubrir un sistema de autenticación personalizado veremos cómo capturar todos los códigos de error del sistema de autenticación de Firebase para mostrar mensajes personalizados en cada caso ofreciendo siempre la mejor información y en su idioma al usuario final.

Iniciar sesión con Firebase y Vue 3 El sistema de login es bien sencillo en Firebase, en nuestro caso simplemente utilizaremos correo electrónico y contraseña. Para ello previamente deberemos habilitar este sistema en nuestra consola de Firebase a través de la configuración de nuestro proyecto.

 
Registro de usuarios con Firebase y Vue 3 Para registrar usuarios haremos exactamente lo mismo que con el sistema para iniciar sesión, capturaremos los errores de Firebase en caso de que existan y una vez el usuario se haya registrado le notificaremos con un mensaje en pantalla.

 
Recuperación de contraseñas con Firebase y Vue 3 Para permitir a nuestros usuarios recuperar sus contraseñas desarrollaremos un sistema que enviará un correo electrónico personalizado que lo dirigirá a una página secreta de nuestra aplicación con un código de seguridad que Firebase nos ofrece para este propósito.

 

 
Auth Guards en Firebase y Vue 3 Para completar el sistema de autenticación con Firebase y Vue 3 aplicaremos un sistema de seguridad a nuestras rutas para evitar que usuarios sin identificar puedan acceder a páginas que requieran identificación, algo completamente necesario en cualquier sistema que gestione usuarios. Firebase nos facilita la vida en este aspecto y nosotros los vamos a aprovechar. 

Una vez hayas concluido el curso tendrás un robusto sistema de autenticación que podrás aplicar a tus proyectos. 

Haber seguido los cursos anteriores de la ruta de aprendizaje con Vue 3. 

Desarrolladores Vue 3 que utilicen Composition API y deseen aprender a desarrollar un sistema de autenticación con Firebase y Vue 3 para sus futuros proyectos.