Cuando mis usuarios tienen cambios sucios en una pantalla, tengo un protector de ruta para pedirles que guarden o descarten cuando intentan alejarse.
Sin embargo, si estoy cerrando la sesión debido a la inactividad, quiero forzar la navegación y omitir la protección de ruta (descartando sus cambios), para asegurarme de que su pantalla esté en blanco.
¿Cómo puedo evitar los guardias de ruta?
Mi solución fue la siguiente:
Mi método de logout de sesión después de cerrar sesión con éxito, redirige la aplicación a la ruta /login :
@Injectable export class AuthService { // ... logout () { // do logout this.router.navigate(['/login']); } }Mi guardia es entonces la siguiente:
@Injectable export class DiscardChangesGuard implements CanDeactivate<MyComponent> { canDeactivate(component: MyComponent, currentRoute: ActivatedRouteSnapshot, currentState: RouterStateSnapshot, nextState?: RouterStateSnapshot): Observable<boolean> | boolean { if (nextState.url === '/login') { return true; // bypass checks if we are trying to go to /login } // perform regular checks here } }Así es como puede forzar una omisión por navegación . En mi caso, estaba volviendo al panel de control de la cuenta después de que el usuario envió un formulario con la información de la cuenta.
Idealmente, verificaría los cambios no guardados en el formulario y los omitiría en función de eso, pero mis formularios aún no tienen esa función.
componente de formulario:
this.router.navigateByUrl('/', { state: { bypassFormGuard: true } })protector del enrutador:
@Injectable() export class ExitFormGuard implements CanDeactivate<ComponentCanDeactivate> { constructor(private router: Router) {} canDeactivate(component: ComponentCanDeactivate): boolean | Observable<boolean> { if (this.router.getCurrentNavigation()?.extras?.state?.bypassFormGuard) { return true } // perform normal checks } }Mi objetivo era eludir los guardias de ruta sin tocar todos los guardias de ruta en la aplicación, pero no pude hacerlo. En última instancia, creé un nuevo RouteBypassService para inyectar en cada guardia de ruta. RouteBypassService implementa shouldBypass , que devuelve verdadero si el protector de ruta debe permitir la navegación por algún motivo fuera de banda anulado, como la autorización. En mi caso, shouldBypass devuelve verdadero si no hay ningún usuario que haya iniciado sesión. (Después de que se desconecten, los dejamos salir de la pantalla sin importar nada).
No es lo ideal porque cada autor de un guardia de ruta tiene que recordar afirmativamente agregar el desvío, pero no es terriblemente enredado.