Тёмный

Angular Autenticación simple con Nodejs, Mongodb, Express y JWT (Parte 1/2) 

Fazt Code
Подписаться 253 тыс.
Просмотров 43 тыс.
50% 1

Este es un ejemplo practico del Stack MEAN (Mongodb, Express, Angular, Nodejs), en el que crearemos una aplicación simple con autenticación.
Para esto usaremos conceptos como JsonWebToken, middlewares y Guards.
CÓDIGO
github.com/FaztWeb/angular-no...
CURSO DE ANGULAR
• Angular 6 Curso Practi...
CURSO DE MONGODB
• MongoDB Curso, Introdu...
CURSO DE NODEJS
• Nodejs Curso Desde Cer...
CURSO DE EXPRESS
• Expressjs | Nodejs Fra...
VARIABLES DE ENTORNO NODEJS
• Variables de Entorno e...
CURSO DE JAVASCRIPT
• Curso Javascript para ...
CURSO DE GIT
• Git y Github | Curso P...
VISUAL STUDIO CODE
• Visual Studio Code, Ed...
VISITA MI SITIO WEB PARA MAS CURSOS Y CONTENIDO
www.faztweb.com
blog.faztweb.com
FAZT - RU-vid:
/ fazttech
TWITTER
/ fazttech
INSTAGRAM
/ fazttech
FACEBOOK
/ fazttech
DISCORD
/ discord
SLACK
join.slack.com/t/fazt/shared_...
#angular #nodejs #jwt

Наука

Опубликовано:

 

20 ноя 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 79   
@lalosdo2
@lalosdo2 4 года назад
Hola fazt, primero que nada dar gracias por hacer un proyecto bien estructurado en tan poco tiempo, ser claro y fluido. Segundo para preguntar cuando harás un vídeo con un login mas robusto. muchas gracias
@d-landjs
@d-landjs Год назад
Excelente tutorial Fazt, super entendible para conocer las bases del JWT con la API!!
@marcocruzadocuadros9311
@marcocruzadocuadros9311 4 года назад
Justo lo que quería para implementar mi sitio web gracias Fazt !!!
@juanpablonunez6527
@juanpablonunez6527 4 года назад
Muy bueno este video, estuve mirando varios , y este es el mas claro en el uso de jwt!
@articktoth6273
@articktoth6273 4 года назад
justo lo que necesitaba !!!! Eres un crack Mr Fazt!
@luzvalenzuelacaballero8596
@luzvalenzuelacaballero8596 3 года назад
Gracias genio ! Espero que sigas generando contenidos, quedé suscrita.
@juandavidmayorgavega8593
@juandavidmayorgavega8593 4 года назад
no man, sos lo máximo, justo lo que quería. Abrazos y mil gracias
@felixjimenezgonzalez9292
@felixjimenezgonzalez9292 2 года назад
Buenas! El tutorial es de lo mejor que me he encontrado. Yo tengo estructurado un proyecto de manera algo distinta: las rutas llaman a un controlador de la siguiente manera: router.get('/my-route', testController.metodo); //Por ejemplo Sin embargo, el contenido del controlador devuelve un 404. testController.metodo= verifyToken, (req, res) => { res.send("test") }; Pero si incluyo un res.send en verifyToken, este sí que devuelve el contenido del res. Soy muy nuevo y no tengo claro cómo se usan, declaran, etc. funciones. Muchas gracias :s
@davidmoreno6467
@davidmoreno6467 4 года назад
Fazt, me gustaria que pudieras hacer un tuto de react-redux con conexiones a API con axios, y pudiendo almacenar un carrito para compras en el state. No hay nada en español que valga la pena, y para mi eres de los mejores explicando cada detalle y siguiendo el flujo. Gracias y un saludo.
@jonatanhn00
@jonatanhn00 4 года назад
Excelente aporte fazt gracias bro
@luisgutierrez1481
@luisgutierrez1481 3 года назад
Que maravilla estos videos.
@jaredjesusyescapomares7005
@jaredjesusyescapomares7005 4 года назад
Salude fazt desde nicaragua tus videos me han ayudado demasiado, te pido tambien que nos explique un poco el lenguaje en c
@sundar392
@sundar392 4 года назад
sos el mejor bro!!! Thank you.
@fersilent3884
@fersilent3884 4 года назад
Gracias Fazt excelente video
@juanpabloburioni
@juanpabloburioni 4 года назад
Muchas gracias!
@nicolasivanoff8647
@nicolasivanoff8647 4 года назад
muy buen video!!
@cronicasdelangel
@cronicasdelangel 4 года назад
Gracias por el tutorial! Sumo un pedido para el mismo tutorial, pero para el stack MERN. 😁
@estebanvega1011
@estebanvega1011 4 года назад
Sumo mi voto para el stack MERN
@jairterrones97
@jairterrones97 4 года назад
Apoyo a este pedido 👍🏻
@fransempe
@fransempe 4 года назад
Si, me vendría muy bien este pedido. Saludos y gracias!
@coviedo194
@coviedo194 4 года назад
me incluyo
@arturogermanhuaracaespejo2849
@arturogermanhuaracaespejo2849 4 года назад
Igual, me apunto a este pedido
@grabieldelanieved.380
@grabieldelanieved.380 4 года назад
Por lo menos por ahora podrías decirnos cuales cosas debemos de tener en cuenta para llevar a cabo uno mejor trabajado para producción?
@Juanagogoolives
@Juanagogoolives 3 года назад
Crack muchas gracias
@andresgarciaalves
@andresgarciaalves 4 года назад
Gracias, muy interesante el video. Una pregunta: en 47:50 comentas que esta "es una validación bastante mala en realidad, pero con esto ya tienen para empezar". Qué fallos tiene o que le faltaría actualmente? Saludos!
@pablodanielcampo
@pablodanielcampo 4 года назад
Hola Fazt! Muy bueno el tutorial. Este ejemplo lo tenes en github?
@matiasmartinez3564
@matiasmartinez3564 2 года назад
Muy bueno el video! , tengo una duda con que deploy podria subir mi pagina? porque al tener dos carpetas que son el backend y frontend no se como subir las dos a la vez.
@andresmejias7754
@andresmejias7754 4 года назад
Necesitamos esto en react
@jhonathanmejia5281
@jhonathanmejia5281 3 года назад
Excelente Amigo, he aprendido mucho con tus vídeos. Quisiera ver si me puedes dar una guía de como poder hacer la conexión a mi base de datos siendo que yo desde mi frond le enviaría mis credenciales de conexión, suponiendo que cada usuario tiene diferente base de datos. ? no se si me pueden dar una idea de como hacerlo, te lo agradecería mucho.
@AndresRodriguez-mi5uv
@AndresRodriguez-mi5uv 2 года назад
Hola, me gustaría saber que cosas se pueden mejorar en este login. A parte del hecho de que no encriptas las contraseñas. Saludos y gracias por el contenido
@carolinalookshopper8301
@carolinalookshopper8301 Год назад
Hola estoy aprendiendo con tus videos a hacer aplicaciones, tengo un error en el subscribe en los componentes de signUp singIn. Me podrian ayudar con la linea de codigo si es que en las versiones actuales debo usar otra sintaxis. Muchas gracias!
@christianurtubia6230
@christianurtubia6230 4 года назад
Hola tengo una pregunta, cuando verificamos la cabecera desde el método verifyToken en el min 42:22, por que no me resulta cuando ingreso un nombre de cabecera en mayúscula?, por ejemplo, al colocar Authorization, y enviar desde postman la cabecera Authorization, imprime "undefined", pero al hacer lo mismo con cualquier nombre en minúscula, si lo imprime. Muchas gracias!
@juancamilomontealegre2100
@juancamilomontealegre2100 Год назад
Eggscellent !!!!!!!!!!!!!!!!!
@gerardoanaya6159
@gerardoanaya6159 2 года назад
Tengo una duda, ¿es mejor validar las sesiones de usuarios con jwt o con los modulos passport / passport-local ? o se pueden usar las 2 formas ?
@danioerit2125
@danioerit2125 7 месяцев назад
Seguí uno de tus videazos del MERN, en el cual el JWT lo mandas y recibes por cookies y así tengo mi backend. Pero, cómo podría hacer eso en Angular? obtener el token por cookies y reenviarlo. Saludos por cierto :3 tus videos me han ayudado más que toda la carrera.
@castillobasilioandre9988
@castillobasilioandre9988 4 года назад
Puedes algún día hacer un juego(cualquiera) con web sockets en node
@mathiasmartinez1011
@mathiasmartinez1011 4 года назад
Hola, por no utilizas MongoDB con un stack que no sea siempre el express y nodejs? no se, PHP, Java, etc. Quisiera ver que tan bien funciona mongodb integrandose con otros lenguajes del backend
@SrDarkDeimon
@SrDarkDeimon 4 года назад
podrias hacer api REST combinada con WEBSOCKESTS ?(para produccion)
@Enzo-ye5yl
@Enzo-ye5yl 4 года назад
Este sistema de tokens para sesiones es valido para un stack mern?
@265mac
@265mac 4 года назад
Gracias Fazt! Si pudieras hacer más de NestJS usando JWT
@grabieldelanieved.380
@grabieldelanieved.380 4 года назад
Por favor
@sundar392
@sundar392 4 года назад
x2
@victor69688
@victor69688 4 года назад
@@sundar392 x3
@CarlosEscobar-ei6ck
@CarlosEscobar-ei6ck 4 года назад
¿La autenticación en las rutas es para que nadie externo acceda a las rutas?
@rafael16400
@rafael16400 2 года назад
Hola Bro, fijate que al querer hacer la validacion del inicio de sesion, me aparece un error acerca de la funcion asíncrona, lo cual me impide avanzar en esa parte, queria saber si me podrias ayudar
@martanernestoyanesdepaz8465
@martanernestoyanesdepaz8465 3 года назад
Y si quiero usar MYSQL en vez de MongoBB? Que debo de cambiar?
@miguelitoemp
@miguelitoemp 3 года назад
Podrias crear un tutorial con NextJs Autenticación simple con Nodejs, Mongodb, Express y JWT; por favor
@reynaldopaulino847
@reynaldopaulino847 4 года назад
Hello Farzt, tengo un error en el schema me dice que falta una ",".
@abisursimeidiazramirez2356
@abisursimeidiazramirez2356 4 года назад
req.body me devuelve un espacio vacio {} ¿sabes a que se debe?
@alejandrolondono1990
@alejandrolondono1990 4 года назад
0:11 pedazo de gallo que se le salió, jaja pero es explicacion detallada y sin rodeos lo perdona todo
@PabloBarriaGenta
@PabloBarriaGenta 4 года назад
gracias, haces freelance?
@korowa1986
@korowa1986 3 года назад
Para agregar varias BD como debería ser? ojala me contestes XD
@elimora9033
@elimora9033 4 года назад
fecha julio del 2020 minuto 45:15 cambiar const token=req.headers.authorization.split('')[1]; por const authHeader = req.headers['authorization']; const token = authHeader && authHeader.split(' ')[1];
@agustingodinez8218
@agustingodinez8218 2 года назад
no se quien seas pero eres un heroe, gracias
@davidnieto685
@davidnieto685 2 года назад
Hola Buenas. Soy un chico de 19 años el cuál esta terminando de estudiar un ciclo superior del cual me queda una asignatura y de esa asignatura me queda un proyecto. Del proyecto me queda incorpora un Login. Me he visto el video de Login en angular 2123123 veces. Pero no se incorporarlo. Os pido ayuda por si alguien me podria intentar meter tu el login sin base de datos. Muchas gracias
@josegallego9093
@josegallego9093 4 года назад
Como siempre muy bueno Fazt. No me quiero quejar pero yo me desearía que hicieras proyectos más complejos, por favor no me entiendas mal porque yo casi todo lo que se lo he aprendido aquí, pero a mi me parece como si repitieras siempre lo mismo. Solamente es una sugerencia pero que te parecería si hicieras un proyecto más grande y partirlo en 3 o 4 Videos. Un proyecto completo como por ejemplo con php(lavarel o Simphonie)
@alfredo_mtzrmz
@alfredo_mtzrmz 4 года назад
¿Puedes hacer lo mismo pero con MEVN además usando Roles y Permisos con JWT?, no he encontrado un tutorial que lo haga :(
@zaguetszo
@zaguetszo 4 года назад
Los roles y permisos van en el payload kpo, no es más q agregar un dato más de los q ya tienes
@horimiyarawstyle
@horimiyarawstyle 4 года назад
Que tema estas utilizando para los iconitos de Visual Code?
@FaztCode
@FaztCode 4 года назад
material icons
@DAGG_Mx
@DAGG_Mx 4 года назад
Nice! oye bro tienes algo de microservicios en php?
@FaztCode
@FaztCode 4 года назад
Aun no, pero lo voy a apuntar para elaborar algo :)
@DAGG_Mx
@DAGG_Mx 4 года назад
@@FaztCode Gracias.
@carlosaracena789
@carlosaracena789 4 года назад
@NovatoWTF
@NovatoWTF 4 года назад
Yo quiero ver el perfil de cada usuario
@romarioyabar4430
@romarioyabar4430 4 года назад
Thanks! 🤗 Pero Machine Learning para cuando? 🤓
@rhabdos1771
@rhabdos1771 3 года назад
30:49 Traficando rimas xD
@alexaurio1000
@alexaurio1000 4 года назад
JsonWebTokenError: invalid signature ayudenme con este error me sale ene minuto 46:21
@alexpalomar9624
@alexpalomar9624 4 года назад
lo solucionaste ? A la fecha de 05/mayo/2020 esta funcionando de esta forma. Para que se pueda verificar se debe generar la firma con el secretKey en un buffer, se usa la funcion Buffer.from() con los parametros del secret y tipo de codificación, en este caso es base64, al no expresarle esto cuando se crea la firma en el momento de verificar el token nos arroja ese error JsonWebTokenError: invalid signature. github.com/auth0/node-jsonwebtoken/issues/151#issuecomment-273435783 aqui un ejemplo router.post('/signup', async (req: Request, res: Response)=>{ const { email,password } = req.body; const newUser = new User({email, password}); console.log(newUser); await newUser.save(); const secret = Buffer.from('secretkey', 'base64'); const token = jwt.sign({_id: newUser._id}, secret); res.status(200).json({token}); }); se usa la funcion Buffer.from() con los parametros del secret y tipo de codificación, luego se le pasa como parametro a jwt.verify(token,secretKey,callback). const secret = Buffer.from('secretkey', 'base64'); const payload = jwt.verify(token, secret,(err, decoded) => { if (err) { console.log(jwt.decode(token)); console.log(err.name,":", err.message); return (err) // this is where the error is thrown } else { return decoded; } }); req.userId = payload._id;
@3djdavid
@3djdavid 2 года назад
La parte 2 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-l_r9nRJ9YTk.html
@AGG7manchesterunited
@AGG7manchesterunited Год назад
buen vídeo pero a su vez lo considero mal video nada de confianza todo el tiempo diciendo que muy básico ,existe la versión con un login con algo mas para produccion?
@juanpablopeamansang856
@juanpablopeamansang856 4 года назад
No me funcionó la linea: const payload = jwt.verify(token,'secretKey'); /////////////////////////////////////// La reemplacé por: const payload = jwt.verify(token, 'secretKey', function(err, user) { if (err) { return res.status(401).send('Solicitud no autorizada'); } else { req.userId=user.id; next(); } }) Espero le sirva a alguien
@alexaurio1000
@alexaurio1000 4 года назад
y de donde referencias el userId
@juanpablopeamansang856
@juanpablopeamansang856 4 года назад
@@alexaurio1000 Lo puedes ignorar
@alexaurio1000
@alexaurio1000 4 года назад
@@juanpablopeamansang856 me sale otro error amigo podrías explicarme mas
@alexaurio1000
@alexaurio1000 4 года назад
@@juanpablopeamansang856 me sale Solicitud no autorizada
@saulmedina4473
@saulmedina4473 4 года назад
Далее
Variables in python in tamil
16:17
Просмотров 11
If You Like My Outfit Then You Are Subscribed 👀
00:12
Кто понял тот понял
00:24
Просмотров 192 тыс.
Refresh token con autenticación JWT tutorial español
16:46
Typescript & Nodejs, REST API JSON Web Tokens
1:21:00
Просмотров 45 тыс.
Login con Google desde Angular 16
22:39
Просмотров 7 тыс.
Login con Mongodb Express Angular Node español
56:39
Собери ПК и Получи 10,000₽
1:00
Просмотров 2,1 млн
iPhone перегрелся, что делать?!
1:01