Redirects para recuperar sesión

Clase 11 de 20 • Curso de Autenticación con Angular

Mauricio Julián Martinez

student•

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 :)

Luis Fernando Rodriguez Boett

student•

Justo estaba teniendo esos problemas XD

Me recuerda a cuando react se paso de clases a funciones

Gustavo Medina Limon

student•

Los imports.

import { CanActivateFn, Router } from '@angular/router';
import { inject } from '@angular/core';
import { TokenService } from "@services/token.service";

Jilson Pérez

student•

Excelente curso, se maneja temas de mucha utilidad a la hora de desarrollar.

Milton Estrada

student•

ng g g guards/redirect --skip-tests

Redirects para recuperar sesión

Introducción: requisitos y proyecto del curso

Cómo aprender Autenticación con Angular

Login

Flujo de login

Conectar login a API

Flujo de registro

Validar Usuario

Optimizando el flujo de registro

Flujo de recuperación de contraseñas

Implementación del password recovery

Cambio de módulo

Proteger el Acceso

¿Dónde guardar el Token?

Redirects para recuperar sesión

Obtener users

Obtener el perfil

Reactividad en profile

Interceptor

¿Cómo cerrar sesión cuando expire el token?

Implementando el cierre de sesión

¿Qué es el refresh token?

Interceptor con el refresh token

Próximos pasos

Toma el curso práctico