Parametreyi rota korumasına geçir

Bu rollere göre uygulamanın bazı bölümlerinde gezinmeyi engellemek için korumaları kullanmam gereken birçok role sahip bir uygulama üzerinde çalışıyorum. Her rol için ayrı koruma sınıfları oluşturabileceğimi fark ediyorum, ancak bir şekilde bir parametre geçirebileceğim bir sınıfa sahip olmayı tercih ederim. Başka bir deyişle, buna benzer bir şey yapabilmek isterim:

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

Ancak geçtiğiniz tek şey korumanızın tür adı olduğu için, bunu yapmanın bir yolunu düşünemiyorum. Sadece mermiyi ısırmalı ve rol başına bireysel koruma sınıflarını yazmalı ve bunun yerine tek bir parametreleştirilmiş türe sahip olmak için zarafet illüzyonumu kırmalı mıyım?

Kullanmak yerine şunu forRole()yapabilirsiniz:

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

ve bunu RoleGuard'ınızda kullanın

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

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

İşte benim bu konudaki yaklaşımım ve eksik sağlayıcı sorunu için olası bir çözüm.

Benim durumumda, parametre olarak bir izin veya izin listesi alan bir korumamız var, ancak aynı şeyin bir rolü var.

Yetkilendirme korumaları ile izinli veya izinsiz ilgilenmek için bir sınıfımız var:

@Injectable()
export class AuthGuardService implements CanActivate {

    checkUserLoggedIn() { ... }

Bu, kullanıcının aktif oturumunu vb. Kontrol etmekle ilgilidir.

Aynı zamanda, aslında AuthGuardServicekendine bağlı olan, özel bir izin koruması elde etmek için kullanılan bir yöntemi de içerir.

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;
  }

Bu, yönlendirme modülümüzdeki izinler parametresine göre bazı özel korumaları kaydetmek için yöntemi kullanmamıza olanak tanır:

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

İlginç kısmı forPermissionise AuthGuardService.guards.push- bu temelde her zaman emin kılan forPermissionsda bu dizide depolar özel koruma sınıfı elde etmek denir. Bu aynı zamanda ana sınıfta statiktir:

public static guards = [ ]; 

Daha sonra tüm korumaları kaydetmek için bu diziyi kullanabiliriz - uygulama modülü bu sağlayıcıları kaydettiğinde rotaların tanımlandığından ve tüm koruma sınıflarının oluşturulduğundan emin olduğumuz sürece bu sorun olmaz (örn. İçe aktarma sırasını kontrol edin ve Bu sağlayıcıları listede olabildiğince düşük tutun - bir yönlendirme modülüne sahip olmak yardımcı olur):

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

Bu yardımcı olur umarım.

@ AluanHaddad'ın çözümü "sağlayıcı yok" hatası veriyor. İşte bunun için bir düzeltme (kirli hissettiriyor, ancak daha iyisini yapma becerisine sahip değilim).

Kavramsal olarak, bir sağlayıcı olarak, tarafından oluşturulan dinamik olarak oluşturulan her bir sınıfı kaydediyorum roleGuard.

Yani kontrol edilen her rol için:

canActivate: [roleGuard('foo')]

sahip olmalıdır:

providers: [roleGuard('foo')]

Ancak @ AluanHaddad'ın olduğu gibi çözümü roleGuard, rolesparametre aynı olsa bile, her çağrı için yeni bir sınıf oluşturacaktır . lodash.memoizeBunu kullanmak şuna benzer:

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;
        }
    }
});

Unutmayın, her rol kombinasyonu yeni bir sınıf oluşturur, bu nedenle her rol kombinasyonunu bir sağlayıcı olarak kaydetmeniz gerekir . Yani eğer varsa:

canActivate: [roleGuard('foo')]ve canActivate: [roleGuard('foo', 'bar')]ikisini birden kaydetmeniz gerekecek:providers[roleGuard('foo'), roleGuard('foo', 'bar')]

Daha iyi bir çözüm, sağlayıcıları içerideki küresel bir sağlayıcı koleksiyonuna otomatik olarak kaydetmek olabilir roleGuard, ancak dediğim gibi, bunu uygulama becerilerim yok.