Ejercicio de programación con Angular: JWT en Angular
Código
Ejercicios Angular JWT y autenticación. Domina la implementación de JWT en Angular mediante ejercicios prácticos y ejemplos claros.
- Importar módulos necesarios: Asegúrate de importar
HttpClienty los operadores de RxJS necesarios. - Implementar el método de inicio de sesión: El método login debe recibir el nombre de usuario y la contraseña como argumentos. Utilizará
HttpClientpara enviar una petición POST a un endpoint ficticio ('https://fakeapi.com/auth/login'). La respuesta esperada es un objeto que contiene el token JWT, por lo que puedes utilizar este objeto como respuesta:{token: string}. - Manejo de la respuesta: Utiliza el operador
tappara ejecutar un efecto secundario con la respuesta del servidor, que es almacenar el token JWT en ellocalStoragedel navegador. Guarda el JWT en el almacenamiento local del navegador bajo la claveJWT. Implementa unconsole.log('Token guardado con éxito')para indicar que el proceso se ha completado exitosamente.
Todos los ejercicios de programación de Angular
Evalúa tus conocimientos con ejercicios de programación en Angular de tipo Test, Puzzle, Código y Proyecto con VSCode.
Signals en Angular
Puzzle
Guards funcionales
Test
Decodificar JWT en Angular
Test
Servicio con HttpClient
Código
Ciclo de vida de componentes en Angular
Test
Gestión de productos de Fake Store API
Proyecto
Data binding en Angular
Test
Routes sin módulos en Angular
Código
Router en Angular
Test
Instalación de Angular
Puzzle
Route Guards basados en interfaces
Código
La directiva @if en Angular
Puzzle
Formularios reactivos en Angular
Código
Servicios en Angular
Puzzle
Interceptor funcional
Test
Servicio con Array
Código
La directiva @for en Angular
Puzzle
Interceptores HTTP
Código
Componentes standalone true
Puzzle
Formularios con ngModel en Angular
Puzzle
Routes en Angular
Test
Comunicación entre componentes Angular
Test
Parámetros en rutas con ActivatedRoute
Test
CRUD de Restaurantes y Platos
Proyecto
Tablas en Angular Material
Puzzle
Formulario de registro de usuarios
Proyecto
Instalación y uso de NgBoostrap
Puzzle
Desarrollo de componentes Angular
Test
Formularios reactivos en Angular
Puzzle
Formularios en Angular Material
Puzzle
Layout con Angular Material
Puzzle
Effects en Angular
Test
Data binding
Código
HttpClient en servicios de Angular
Puzzle
Desarrollo de módulos Angular
Puzzle
Comandos Angular CLI
Puzzle
Subir archivo en formularios
Test
La directiva routerLink en Angular
Test
Certificados de superación de Angular
Supera todos los retos de Angular y obtén estos certificados de superación para mejorar tu currículum y tu empleabilidad.
Tutorial para resolver este ejercicio de programación
Angular
Seguridad JWT en Angular
Autenticación y autorización