Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso de Firebase para Web 2019

Curso de Firebase para Web 2019

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 47

Preguntas 16

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta 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…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

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.

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

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/

Donde el profesor utiliza

Materialize.toast()

Sugiero usar Sweet Alert

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

como inicio el servidor para entrar con local host 3000 ?

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/

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

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

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();

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?

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

NO ENTIENDO NI MADRES!! PERMISO.

Yo lo estoy viendo a 2x así esta perfecto

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