No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso de Firebase 5 para Web

Curso de Firebase 5 para Web

Juan Guillermo G贸mez Torres

Juan Guillermo G贸mez Torres

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

7/32
Recursos

Despu茅s de habilitar los servicios de autenticaci贸n con email y Google Accounts podemos programar el c贸digo necesario para enviar la informaci贸n de los usuarios cuando se registran en nuestra aplicaci贸n.

Nuestro proyecto tiene lista la UI del formulario para el registro, los usuarios deben escribir sus datos b谩sicos y al momento de hacer click en el bot贸n vamos a ejecutar la funci贸n Autenticaci贸n.crearCuentaEmailPass del archivo autenticacion.js, solo debemos llamar al m茅todo firebase.auth().createUserWithEmailAndPassword con los datos m谩s importantes del usuario. Adem谩s, si el registro es exitoso podemos actualizar el resto de informaci贸n de los usuarios con el m茅todo user.updateProfile o mandar las verificaciones que necesitemos.

Aportes 49

Preguntas 16

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

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鈥e 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

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!

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.

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

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

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

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() 驴?