路由激活的任何保护激活

Question

我正在尝试在我的 Angular 应用程序中实现防护。到目前为止，我已经设置了 3 个守卫，但我希望将它们设置为 OR 或 ANY 模式，如果任何守卫允许请求，则可以激活路由。

有人有办法吗？

我的守卫很简单，三个看起来都一样：

import { Injectable } from '@angular/core';
import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree } from '@angular/router';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import { HttpClient } from '@angular/common/http';
import { AppSettings } from './AppSettings';

@Injectable({ providedIn: 'root' })
export class GuardianGuard implements CanActivate {
    constructor(
        private router: Router,
        private http: HttpClient
    ) { }

    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> {
        //Get the users role from the API based on the JWT they were authenticated with
        return this.http.get(`${AppSettings.API_ENDPOINT}/Role`).pipe(map(data => {
            //Check if the returned server role is that of the guardian
            if (data === "3") {
                //Allow the action if it is
                return true;
            } else {
                //Return to login and deny action if it is not
                this.router.navigate(['/login']);
                return false;
            }
        }));
    }
}

Answer 1

你可以有一个通用的 3 种方法，每个 gaurd 的激活逻辑类似于

export class YourService(){

firstCondition(){
//return boolean
}

secondCondition(){
//return boolean
}

thirdCondtion(){
//return boolean
}

}

然后创建另一个具有类似逻辑的 gaurd

 canActivate(){
  return yourServiceRef.FirstCondition() || yourServiceRef.SecondCondition()....
 } 

此外，您可以使用相同的服务与您的老警卫调用相应的方法；