将参数传递到路径防护中

我正在开发一个具有许多角色的应用程序，我需要使用这些功能来根据这些角色来阻止对应用程序各部分的导航。我意识到我可以为每个角色创建单独的后卫类，但宁愿拥有一个可以以某种方式将参数传递给它的类。换句话说，我希望能够执行以下操作：

{ 
  path: 'super-user-stuff', 
  component: SuperUserStuffComponent,
  canActivate: [RoleGuard.forRole('superUser')]
}

但是，由于您所传递的只是警卫的类型名称，因此无法考虑实现此目标的方法。我是否应该只是硬着头皮，为每个角色编写单独的后卫班级，而打乱我拥有单一参数化类型的优雅幻想呢？

除了使用forRole()，您可以执行以下操作：

{ 
   path: 'super-user-stuff', 
   component: SuperUserStuffComponent,
   canActivate: RoleGuard,
   data: {roles: ['SuperAdmin', ...]}
}

并在您的RoleGuard中使用它

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot)
    : Observable<boolean> | Promise<boolean> | boolean  {

    let roles = route.data.roles as Array<string>;
    ...
}

这是我的看法，也是针对缺少的提供程序问题的可能解决方案。

以我为例，我们有一个将权限或权限列表作为参数的防护，但是具有作用的是同一件事。

我们有一个用于处理经过授权或未经授权的auth Guard的类：

@Injectable()
export class AuthGuardService implements CanActivate {

    checkUserLoggedIn() { ... }

这涉及检查用户活动会话等。

它还包含用于获取自定义权限保护的方法，该方法实际上取决于AuthGuardService自身

static forPermissions(permissions: string | string[]) {
    @Injectable()
    class AuthGuardServiceWithPermissions {
      constructor(private authGuardService: AuthGuardService) { } // uses the parent class instance actually, but could in theory take any other deps

      canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
        // checks typical activation (auth) + custom permissions
        return this.authGuardService.canActivate(route, state) && this.checkPermissions();
      }

      checkPermissions() {
        const user = ... // get the current user
        // checks the given permissions with the current user 
        return user.hasPermissions(permissions);
      }
    }

    AuthGuardService.guards.push(AuthGuardServiceWithPermissions);
    return AuthGuardServiceWithPermissions;
  }

这使我们能够使用该方法基于路由模块中的权限参数来注册一些自定义防护：

....
{ path: 'something', 
  component: SomeComponent, 
  canActivate: [ AuthGuardService.forPermissions('permission1', 'permission2') ] },

有趣的部分forPermission是AuthGuardService.guards.push-这基本上可以确保forPermissions在调用任何时间来获取自定义防护类时，也会将其存储在此数组中。这在主类上也是静态的：

public static guards = [ ]; 

然后，我们可以使用该数组来注册所有的守护程序-可以，只要确保在应用模块注册这些提供程序时，已经定义了路由并创建了所有的守护程序类（例如，检查导入顺序和将这些提供者的数量保持在列表中尽可能低的位置-使用路由模块有帮助）：

providers: [
    // ...
    AuthGuardService,
    ...AuthGuardService.guards,
]

希望这可以帮助。

@AluanHaddad的解决方案给出了“没有提供程序”错误。这是一个解决办法（感觉很脏，但是我缺乏制作更好的技巧）。

从概念上讲，我将由创建的每个动态生成的类注册为提供程序roleGuard。

因此，对于每个检查的角色：

canActivate: [roleGuard('foo')]

你应该有：

providers: [roleGuard('foo')]

但是，roleGuard即使roles参数相同，@AluanHaddad的解决方案仍会为每次调用生成新类。使用lodash.memoize它看起来像这样：

export var roleGuard = _.memoize(function forRole(...roles: string[]): Type<CanActivate> {
    return class AuthGuard implements CanActivate {
        canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):
            Observable<boolean>
            | Promise<boolean>
            | boolean {
            console.log(`checking access for ${roles.join(', ')}.`);
            return true;
        }
    }
});

注意，每个角色组合都会生成一个新类，因此您需要将每个角色组合都注册为提供程序。即如果您有：

canActivate: [roleGuard('foo')]并且canActivate: [roleGuard('foo', 'bar')]您必须同时注册两个：providers[roleGuard('foo'), roleGuard('foo', 'bar')]

更好的解决方案是在内部的全局提供程序集合中自动注册提供程序roleGuard，但是正如我所说，我缺乏实现该功能的技能。