Desarrollando Autenticación de Usuarios | Parte 6 - Log Out | Laravel 10 | Angular 16
¡Bienvenido a un nuevo vídeo! 🚀 En esta ocasión, continuaré el desarrollo del proyecto frontend para autenticar y registrar usuarios utilizando Angular 16.
A lo largo de este video, realizaré la integración de la funcionalidad encargada de cerrar la sesión del usuario autenticado. Esta tarea se llevará a cabo mediante el uso de los servicios de AuthService y TokenService, los cuales fueron previamente desarrollados en videos anteriores. Además, a modo de ejemplo, crearé un componente muy sencillo que simulará el panel de inicio (Dashboard) que el usuario visualizará al iniciar sesión. En el video, también se mostrará cómo se agrega y, posteriormente, se elimina el token de acceso del usuario del LocalStorage del navegador web cuando el usuario inicia sesión y al cerrar sesión. Finalmente, mostraré cómo implementar un interceptor que envíe el token de acceso en el encabezado de todas las solicitudes HTTP dirigidas al servidor backend, este paso crucial garantizará una comunicación segura entre el cliente y el servidor.
¡Acompáñame en esta aventura de codificación y descubre cómo potenciar tus habilidades en Angular mientras damos vida a este proyecto! No olvides dejar tus comentarios y sugerencias para futuros vídeos. 💻😊
00:00 Creando el componente Dashboard
00:38 Definiendo ruta de acceso
01:15 Implementando lógica en el componente TS
04:06 Creando la vista del Dashboard
06:51 Creando el interceptor AuthInterceptor
09:15 Agregando el interceptor al AppModule
10:00 Probando la funcionalidad Log Out
10:31 Agregando redirección desde el componente Login hacia el Dashboard
#ProyectoFrontend #Angular16 #Bootstrap5 #ComponenteAngular #CerrarSesionUsuario #AutenticaciónUsuarios #RegistroUsuarios #DesarrolloWeb #AngularDesdeCero #ProgramaciónWeb #AprenderProgramación