Question

我有一个带有路线防护装置的角度2应用程序，目前正在检查用户是否已登录。这工作正常，但现在我正在尝试设置另一个路由保护，不仅检查用户是否已登录，还检查他们是否是管理员用户。

这就是我现在所拥有的：

import { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Rx';
import { AngularFire } from 'angularfire2';
import { AuthService } from './auth.service';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/first';
import 'rxjs/add/operator/take';

@Injectable()
export class AdminGuard implements CanActivate {

  constructor(
    private af: AngularFire,
    private authService: AuthService,
    private router: Router
  ) {

  }

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

    let redirectURL:string = state.url;

    return this.af.auth.map((auth) =>  {
      if (auth == null) {
        this.authService.redirectURL = redirectURL;
        this.router.navigate(['/login']);
        return false;
      } else {

        return this.af.database.object('roles/admins/'+auth.uid, { preserveSnapshot: true })
          .take(1)
          .subscribe(res => {
            if (res.val()) {
              console.log('is admin, return true');
              return true;
            } else {
              console.log('access denied');
              this.router.navigate(['/']);
              return false;
            }
          });

      }
    }).first();

  }

}

当我尝试前往受此警卫保护的路线时，我得到console.log的{{1}}输出，但后来没有任何反应。新路线未显示，应用程序仅保留在当前页面中。

有人能告诉我哪里出错了吗？谢谢你的帮助。

Answer 1

最终得到了这个：

let redirectURL:string = state.url;

return this.af.auth
  .flatMap(auth => {
    if (auth == null) {
      return new Promise(resolve => { resolve({}) });
    } else {
      return this.af.database.object(`roles/admins/${auth.uid}`);
    }
  })
  .map(data => {
    if (data.$value) {
      return data.$value;
    } else {
      // User doesn't have permission
      this.authService.redirectURL = redirectURL;
      this.router.navigate(['/404']);
      return false;
    }
  })
  .first();

仍然需要测试但我在离开办公室之前很快就完成了测试。似乎现在工作正常:)）

AngularFire2路由按用户角色

1 个答案: