Тёмный

VideoTutorial 13 Taller práctico desarrollo con VUE JS. Login con localStorage y JWT 

César Cancino
Подписаться 20 тыс.
Просмотров 10 тыс.
50% 1

En esta entrega aprenderemos a crear un sistema de login que nos permita manejar contenidos restringidos dentro de nuestra aplicación. Para eso usaremos el tipo de almacenamiento localStorage del navedador.
Todo en 37 minutos de charla.
Pueden seguir el taller completo desde www.cesarcancino.com

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

 

10 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 33   
@barcenasmessi
@barcenasmessi 3 года назад
gracias crack llevaba días con ese detalle y no lo segui al cien, pero si dijiste cosas que me ayudaron.
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Gracias a tí por seguir mi humilde trabajo Saludos desde Viña del mar, Chile
@giovannidanielbritolopez1030
@giovannidanielbritolopez1030 3 года назад
Hola, agradezco que comparta su conocimiento, en verdad es increíble, me sirvió demasiado para mis practicas profesionales, Gracias, saludos.
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola gracias a tí por seguir mi humilde trabajo. Recibe un cordial saludo desde Santiago de Chile
@igmillam
@igmillam 3 года назад
Muchas gracias por el video, excelente explicación, justo estoy aprendiendo a trabajar con JWT y me fue muy útil
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola gracias a tí por seguir mi humilde trabajo. Recibe un cordial saludo desde Santiago de Chile
@gabrielrueda6394
@gabrielrueda6394 3 года назад
Muy buen aporte, solo una pequeña en la pagina de servicio para mejorar la seguridad, al momento de crear la condicion en la pagina de servicio hacer una evaluacion que envie de nuevo el token al backend y verifique si es correcto el token y que usuario pertenece, esto conlleva a otra peticion pero evita que un usuario malicioso rellene el token de localStorage con cualquier contenido y pueda acceder.
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola Gabriel, tienes toda la razón, es una muy buena práctica esa, gracias por la sugerencia. Saludos desde Viña del Mar, Chile
@shuichang3686
@shuichang3686 2 года назад
Muchas gracias, excelente explicación, me sirvió mucho :D
@cesarcancinozapata
@cesarcancinozapata 2 года назад
Hola gracias a tí por seguir mi humilde trabajo. Recibe un cordial saludo desde Viña del Mar, Chile
@carlospinell309
@carlospinell309 3 года назад
Muchas gracias Cesar, excelente explicación.
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola, gracias a tí, saludos desde Chile
@ernestoarias3404
@ernestoarias3404 3 года назад
Hola Cesar muchas gracias por compartir, excelente video. Saludos.
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola gracias a tí por seguir mi humilde trabajo. Recibe un cordial saludo desde Santiago de Chile
@cristiancortesrojas9227
@cristiancortesrojas9227 3 года назад
Falto mostrar la tabla del login para crearla igual xD. Gracias Cesar por tus videos. ayudan bastante a enriquecer conocimientos.
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola, lo del login no era parte de esta clase, ya que el objetivo es sólo mostrar cómo realizar la funcionalidad de logueo desde VUE. En otros talleres de backend les enseñé con distintos lenguajes a trabajar un login, y cómo hacer las APIs. Recibe un cordial saludo desde Santiago de Chile
@flaviotorrez1340
@flaviotorrez1340 3 года назад
excelente. solo una duda, que pasa si el usuario no presiona "cerrar Sesion" y directamente cierra el navegador. entiendo que el localstorage seguirá teniendo el token. que hacer en estos casos ?
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola, gracias a tí por seguir mi humilde trabajo. Sobre tu pregunta, tienes varias opciones, una de ellas es detectar el cierre de la ventana con js, también puedes manejar vigencia en los datos que se persisten del lado del cliente, y muchas otras maneras más. Hay módulos de los SPA que te ayudan, pero no soy amigo de usarlos porque te vuelves dependiente de ellos y pierdes el control de tu aplicación. Saludos desde Chile
@MegaFinch21
@MegaFinch21 3 года назад
Buenas, hay un problema con esto que no me doy cuenta de si lo mencionas o no. Cuando eliminas del localStorage el token, efectivamente cierras sesión, pero si tu has copiado el valor de ese token, y lo añades poniendole el mismo valor (cesar_token: 123456) sin necesidad de iniciar sesión, simeplemente añadiendolo en la pestaña application del navegador, habrá detectado que has iniciado sesión sin necesidad de iniciarla, porque el token sigue teniendo validez, podrías explicar como quitarle validez a ese token? gracias jefe
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola Iván, si tienes toda la razón, ahí hay maneras de manejar la seguridad. Por ejemplo lo ideal es usar el protocolo AAA independiente del framework con el que trabajes. Saludos desde Chile
@cesarcancinozapata
@cesarcancinozapata 3 года назад
@Noé Arcos Muñoz veré si hago algún video sobre eso para explicarlo, saludos
@xpmoon
@xpmoon 3 года назад
Muy buena explicación, gracias; pero existe una forma mas eficiente de saber si el usuario esta logeado? si en mi proyecto tengo 20 vistas en cada una tengo que preguntar si el usuario no esta logeado para redirigirlo al login?
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola José gracias a tí por seguir mi humilde trabajo. Sobre tu pregunta, tienes toda la razón, en un proyecto grande lo que se hace es encapsular ese tipo de reglas de negocio, de tal manera de no trabajar con elementos repetitivos. En otras palabras se pueden usar funciones, o middlewares. Recibe un cordial saludo desde Viña del Mar, Chile
@xpmoon
@xpmoon 3 года назад
@@cesarcancinozapata Vale perfecto, muchas gracias César. Saludos desde Caracas, Venezuela :)
@SebastianBordi
@SebastianBordi 3 года назад
Hola. Genial video. Unas pregruntitas sin relacion con el video. ¿estas usando nautilus? y ¿que tema estas utilizando?
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola, no, estoy usando la APP nemo desde Ubuntu, con el theme por defecto que trae. Saludos
@SebastianBordi
@SebastianBordi 3 года назад
@@cesarcancinozapata Muchas gracias
@EternoEstudiante
@EternoEstudiante 3 года назад
Hola Cesar, felicitarte por tu gran aporte. Me surge una duda que diferencia hay en que algunos en su login usan en vuex. Saludos cordiales
@cesarcancinozapata
@cesarcancinozapata 3 года назад
Hola gracias a tí por seguir mi humilde trabajo. La diferencia está en que vuex tiene varias cosas automatizadas, pero terminas dependiendo de la herramienta. Personalmente prefiero hacer estas cosas a mano para tener el control. Desde luego todas las formas son buenas mientras funcionen y cumplan su propósito. Recibe un cordial saludo desde Santiago de Chile
@EternoEstudiante
@EternoEstudiante 3 года назад
@@cesarcancinozapata Muchas gracias Cesar por tu pronta respuesta, un cordial Saludos.
@luvidev
@luvidev 10 месяцев назад
que lastima que me da cuando los ejemplos de los videos no son compartidos en GitHub, no sabes lo tedioso que es buscar en todo el video la parte del código que te falta para que te funcione el ejemplo. ☹
@cesarcancinozapata
@cesarcancinozapata 10 месяцев назад
Hola acá está todo el código fuente de ese curso github.com/peligro/taller_practico_vue_js Saludos desde Viña del Mar, Chile
Далее
Adding Basic Authentication to a Vue App with Auth0
12:08
Sigma Girl Pizza #funny #memes #comedy
00:14
Просмотров 2 млн
ДОКАЗАЛ ЧТО НЕ КАБЛУК #shorts
00:30
Don't Learn Machine Learning, Instead learn this!
6:21
Laravel Vue JS Blade or Vue Layout
13:09
Просмотров 6 тыс.
I Never Want To Build Authentication Any Other Way
2:03:20
Sigma Girl Pizza #funny #memes #comedy
00:14
Просмотров 2 млн