Con Firebase podemos tener ilimitadas cantidades de usuarios registrados sin que Google nos cobre un centavo 😱🎉.
AWESOME! 😍
Bienvenida e Introducción
Bienvenida y Presentación del proyecto: PlatziRooms
Creación y configuración inicial del proyecto utilizando VUE CLI 3
Boilerplate y Limpieza del proyecto
Render Functions y JSX
¿Que son las Render Functions y JSX?
Preparando nuestro entorno para un prototipo
Creación de un componente con createElement
Utilizando JSX para la creación de un componente
Utilizando Slots con Render Functions y JSX
Creando un Modal de Login para PlatziRooms
Creando la lógica general de nuestros modales con Vuex
Creando el contenido de nuestro modal
Componentes controlados y uso de librerías externas
Componentes Controlados y Variables Personalizadas
Construcción del componente de Recordar Contraseña
Creación de un componente Slider utilizando la librería tiny-slider
High Order Functions
¿Qué son las High Order Functions? - Crea tu primera HOF
Vuex
Obtener datos usando Vuex
Crea un getter dinámico en Vuex utilizando HOF
Creación de la vista para creación de publicaciones
Agregando datos con Vuex
Base de datos en tiempo real con Firebase
Instalación y Configuracion de Firebase Realtime Database
Obteniendo los datos desde Firebase Realtime Database
Agregando la consulta de usuarios
Almacenando nuevas publicaciones en Firebase Realtime Database
Perfeccionando el flujo de navegación de nuestra App
Autenticación con Firebase
Configuracion Inicial para trabajar con Firebase Authentication
Agregando nuevos usuarios en firebase autentication
Inicio de sesión de usuario
Cierre de sesión de usuario
Protegiendo páginas utilizando Navigation Guards
Scoped Slots
¿Qué son los Scoped Slots? Dónde utilizarlos y por qué
Integración de Scoped Slots en Platzi Rooms
Deploy
Creando y desplegando nuestra app en Heroku
Conclusiones y Despedida
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Agregando nuevos usuarios en firebase autentication
27/34Recursos
Vamos a añadir los usuarios que creamos con nuestro formulario a Firebase. Debemos conectarnos a la base de datos y enviar los datos necesarios para crear las cuentas en el método beforeCreate del botón de registrar.
Para esto vamos a crear una nueva acción de Vuex en el archivo store.js. Debemos usar los métodos firebase.auth.createUserWithEmailAndPassword para registrar los usuarios en Firebase Authentication y firebase.database().ref('').child().set() para guardarlos en Firebase Database.
También debemos guardar la información de los usuarios en el estado local de la aplicación. Así, podremos mostrar (o no) cierto contenido si los usuarios están autenticados.
Aportes 5
Preguntas 1
Ordenar por:
En el curso de Firebase para la web mencionan que si podemos adjuntar un nombre:
account.user.updateProfile({
displayName: name
});
Igual lo bueno de autenticar con frebase es que te pone muy fácil la autenticación con redes sociales
Firebase me parece lo mejor que hay! dejo la documentación sobre autenticación: https://firebase.google.com/docs/auth/web/start
Cuando añadimos autenticación con Google Accounts (o cualquier otra red social soportada por Firebase) el proceso de registro/inicio de sesión es un poco diferente. En vez de llenar un formulario y esperar un correo electrónico, vamos a abrir una nueva ventana del navegador para llenar los datos que nos piden estas cuentas (pop-up).
Tengo otra base de datos SQL en el Cloud de Google y dentro tiene una tabla usuarios.¿Es una buena práctica guardar el usuario en tantos lados?
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?