Habilitar en la consola los servicios de autenticación por email y Google

Después de autenticar a los usuarios con email y contraseña (firebase.auth().createUserWithEmailAndPassword(email, password)) podemos añadir el resto de su información ya que este método devuelve una promesa con el usuario recién creado y un método updateProfile para actualizar los datos 👍.

Si en vez de utilizar email y contraseña utilizamos Google Accounts o cualquier otra autenticación por redes sociales nos ahorramos esta actualización de los datos del usuario porque Firebase añade automáticamente los datos de cada cuenta al registro 👌.

mirenlo a 1.25x

Cuando el docente lleva en el paso a paso al estudiante le es mas facil a estudiantado asimilar los coniminetos inicialmente, pero cuando se omiten ciertos detalles o puntos…se pierde el hilo rapidamente y puede volverse en desanimo por que no dan las cosas como en el curso

Muy buen video pero por favor desinstala el efecto de fuego 😂👌🔥

Firebase Auth | Autenticacion de Correo, Gmail y Facebook con Firebase y Javascript
https://www.youtube.com/watch?v=1rLBjRF0ep0

Si estás desarrollando un proyecto y necesitas algo puntual, no es útil buscar en éste curso, más bien búscalo en san Google.
Además que me habría gustado iniciar desde cero no con archivos ya predefinidos.

Siento que estoy muy perdido con este curso. Usualmente los profesores de Platzi explican dando muy buenas bases pero este ya es el segundo curso que veo que se saltan muchos temas esenciales para poder realmente entender como funciona. Considero que los profesores aquí nos deben dar ese valor agregado que no te da el poder investigar por cuenta propia o un tutorial gratis en youtube. Espero lo vean como una oportunidad de mejora. Prefiero tener menos cursos con tal de mantener la excelente calidad que tener muchos cursos y se pierda la calidad de la que ya nos tiene acostumbrados la plataforma.

Saludos!

Hasta aquí he llegaso, siento que la versión de firebase esta desactualizada,.

¿Qué pasa cuando intentamos crear un usuario con email y contraseña pero el usuario ya esta creado? ¿Firebase devuelve un error o autenticamos automáticamente a los usuarios? 🤔

SUUUUUPER recomendado, mirar los videos en pantalla divida junto a la documentación de Firebase. Estaba muy perdido con los videos, pero viendo la documentación, todo tiene coherencia y eso me hace muy feliz y me libra de los malos pensamientos. amen.

Instalar Global:

npm install gulp-cli -g

Instalar dentro del proyecto

npm install gulp -D

Ejecutar:

gulp

1.75x

Que nervioso me pone el fueguito que aparece cuando escribe.

Donde el profesor utiliza

Materialize.toast()

Sugiero usar Sweet Alert

En resumen, lo que hicimos fue, tomar los datos del usuario, llamar al método de autenticación y este método lo que hacer es decirle a Firebase que registre al usuario, le asigne un nombre, le mande un correo de verificación y lo desloguee ya que por defecto le hace login

Para crear un nuevo usuario: .createUserWithEmailAndPassword(email, password, nombres)
Para enviar un correo de verificación: .sendEmailVerification(configuracion)
Para cerrar sesión: .signOut()

Aquí está la documentación de donde el profesor saca los nombres de los métodos: https://firebase.google.com/docs/auth/web/start#sign_up_new_users

como inicio el servidor para entrar con local host 3000 ?

si estan utilizando VsCode utilicen el plugin de Live Server
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
carga el proyecto en: http://127.0.0.1:5500/

Soy el pto amo, lo hice con la validación mediante numero de teléfono

Para el efecto de fuego en VSC https://marketplace.visualstudio.com/items?itemName=hoovercj.vscode-power-mode

Estaba contento con esta clase, ahora veo todos nos perdemos por solo llenar código en archivos predefinidos sin entender realmente como funciona. El problema no es ese, más bien el que ahora todo sea distinto y que no esté actualizado el curso deberas es el problema y desmotiva mucho. Prefiero tomar un curso de youtube, que triste.

Van 2 platzi, este y el curso profesional de javascript que tenia el mismo problema, aparecias con archivos de la nada sin entender porqué.

Estoy algo decepcionado. Este curso y el de Curso practico de react Js tienen bastantes fallas a mi parecer…

Que mal que todo el proyecto está creado.

Video Recomendado de Fazt que está mejor que el curso
https://www.youtube.com/watch?v=1rLBjRF0ep0&list=RDCMUCMn28O1sQGochG94HdlthbA&start_radio=1

Comparto un par de tips que me parecieron interesantes.

En el auth de Firebase, solo podemos almacenar el email, password, displayName y url de la foto. Si se quiere guardar otra información del usuario, se debe guardar en la base de datos. Estos se relacionan con el UUID que Firebase le genera a cada usuario.

Si se crea un usuario con el método createUserWithEmailAndPassword, se puede modificar datos como displayName en el resultado de la promesa que se devuelve. Seria algo como esto:

result.user.updateProfile({ displayName: "Jorge"})

Dentro del mismo resultado de la promesa de createUserWithEmailAndPassword, se puede enviar un email de verificación de esta manera:

result.user.sendEMailVerification()

Para que el usuario tenga que activar el enlace enviado de manera obligatoria, se necesita deslogear al usuario y firebase no le permitirá acceder hasta confirmar su enlace de verificación. Esto se hace con:

firebase.auth().signOut()

el objeto de firebase retorna el usuario autenticado con auth();

En live server con VSCODE como extensión

Para correr la aplicación en lugar de gulp:
1.- añadir la extencion de LIVE SERVER: extención
2.- click derecho en el archivo public > index.html
3.- eligen la opcion "Open with live server"
4.- y se tendrá que solo en el navegador.
SI no lo hace, esta es la url:

http://localhost:5500/public/

Para que no pierdan su tiempo sufriendo con Gulp como yo.

npm install -g http-server

npm install http-server

http-server ./public

Luego en el navegador cargan el localhost:8080

me puede explicar estimado profesor localhost:3000 , no hay una clase que ha explicado eso???

antes de firebase que deberia aprender ya manejo javascript?..

con el sendEmailVerification(), el usuario queda bloqueado hasta que se verifique, o despues de iniciar sesión (sin verificar) puede usar nuestra página, ya que ha iniciado sesión.

Una pregunta en la url puedo poner el dominio de mi página ya que estoy trabajando desde ahi?

Firebase es sencillo decian… sinceramente todo esto me ha parecido super complicado

La verdad este curso no se entiende nada, lo unico que siento es que estoy perdiendo tiempo, encima con un curso de hace 4 años!! Creo que deberian ir actualizando el material, de minimo cada 2 años!! Lamentablemente por temas laborales debo completarlo, aunque probablemente lo busque por youtube y rinda el examen

Uy esto tiene JQuery… uff si esta viejooo

Una sugerencia para el curso. Usar un plugin de VSCode que de colores a las líneas de los archivos facilita la lectura de código para los estudiantes.

en que parte de la documentacion de firebase encuentras esto?

Interesante, muy interesante

hola que tal, tengo un inconveniente y es que estoy desarrollando una web con firebase y react y es que hay un usuario administrador logueado y quiero que cuando registre un usuario este no inicie sección inmediatamente si no que conserve el usuario que esta autenticado actual mente ya que este el usuario administrador y este se encarga de registrar usuarios.seria de mucha ayudo que alguien me ayude.

No syntax highlighting 😢

Importante gulp no funciona con version anterior a la 12, así que con NVM instale la versión 8 y pude ejecutar el proyecto.

Cada vez se ve mas interesante y facil de usar

Saludos, no puedo acceder al localhost:3000, al ejecutar el comando gulp me sale este error:

assert.js:373
throw err;
^
AssertionError [ERR_ASSERTION]: Task function must be specified

Alguien sabe a que se debe??

Investigando un poco del error al querer iniciar gulp:
assert.js:373
throw err;
^
AssertionError [ERR_ASSERTION]: Task function must be specified

Parece que es algo de la versión de gulp que hay que cambiar en el archivo de configuración que difiere con la versión de gulp3, ya que a la fecha la versión es gulp 4, alguien sabe que hay que cambiar para hacerlo funcionar?, Gracias

Porque la librería de firebase authentication en flutter no proporciona el servicio para verificar Correo? Alguien de pronto ya realizó esa parte?

Pueden probar con estas directivas (https://firebase.google.com/docs/web/setup?authuser=0):

<!-- Firebase App is always required and must be first -->
<script defer src="https://www.gstatic.com/firebasejs/6.2.0/firebase-app.js"></script>

<script defer src="https://www.gstatic.com/firebasejs/6.2.0/firebase-auth.js"></script>

de verdad no me parese esta la mejor manera de explicar, vienen muchas cosas ya predefinidas

Por qué poner un max lenght al password de 10?

NO ENTIENDO NI MADRES!! PERMISO.

Yo lo estoy viendo a 2x así esta perfecto

Por que no usa ; dentro del .then() ¿?