Redirects para recuperar sesión
Contenido del curso
Mauricio Julián Martinez
Luis Fernando Rodriguez Boett
Gustavo Medina Limon
Jilson Pérez
Milton Estrada
Para quienes esten usando una version superior a Angular 15, seguro les haya dicho que el CanActivate está deprecado. Esto porque ahora los guards se recomiendan hacerlo mediante funciones. Por lo que quedaria de la siguiente manera
export const redirectGuard: CanActivateFn = () => { const token = inject(TokenService).getToken(); const router = inject(Router); if (token) { router.navigate(['/app']); } return true; };
Mientras que el auth.guard.ts quedaria de la siguiente manera
export const authGuard: CanActivateFn = () => { const token = inject(TokenService).getToken(); const router = inject(Router);
if (!token) { router.navigate(['/login']); return false; } return true; };
En el app-routing.module no tienen que cambiar nada, queda igualito. Espero le haya servido a alguien :)
Justo estaba teniendo esos problemas XD
Me recuerda a cuando react se paso de clases a funciones
Los imports.
import { CanActivateFn, Router } from '@angular/router'; import { inject } from '@angular/core'; import { TokenService } from "@services/token.service";
Excelente curso, se maneja temas de mucha utilidad a la hora de desarrollar.
ng g g guards/redirect --skip-tests
