身份验证Ionic Firestore Guard（canActivate）-访问权限

Question

我正在Ionic中创建一个应用程序，它使用Firebase对用户进行身份验证。一旦成功执行身份验证，将其数据保存在Firestore中。用户Firestore集合中的一项是“activeUser:Boolean”，我可以在登录后通过“AngularFirestore”插件返回的可观察（用户$）进行监控。

我创建了一个canActivate类型的保护文件，以便在Firestore中的“activeUser”标志变为“False”并且用户尝试导航到另一个页面时，立即监视该标志，该标志将被“注销”，并通知其用户已被管理员停用。

我对爱奥尼亚是个新手，有些学科，比如卫兵和可观测物，我很怀疑。如果下面的代码是合理的，或者有我们可以改进的地方，我希望您能帮助我。

另一个问题是关于可观测的。我可以在应用程序中需要时订阅observable USER$吗？我应该注意性能吗？我在哪里退订爱奥尼亚号？

如果有人有使用Guard和FiRecovery或一些教程链接的代码示例，我将不胜感激。

谢谢大家的帮助

认证Service.ts

/**
 * Funcao que fica 'ouvindo' o estado da autenticado
 * e obtem os dados armazenados no firestore referente
 * ao usuario logado.
 **/
this.user$ = this.afAuth.authState.pipe(
  switchMap(user => {
    if (user) {
      return this.afStore.doc<IUser>(`users/${user.uid}`).valueChanges();
    } else {
      return of(null);
    }
  })
);

用户处于活动状态。警卫ts

export class UserDisabledGuard implements CanActivate {

  constructor(private authService: AuthenticationService, private router: Router) { }

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

    return this.authService.user$.pipe(
      filter(val => val !== null),
      take(1), 
      map(response => {
        if (response.activeUser) {
          this.authService.logout();
          Storage.remove({ key: TOKEN_KEY });
          this.authService.isAuthenticated.next(false);
          this.router.navigateByUrl('/login');
          return false;
        } else {
          return true;
        }
      })
    );
  }
}

Answer 1

我使用Angular，但我认为它是相似的。您在服务和保护中所做的方式都可以。但是我不会在您的保护管道函数中进行这么多操作。因为其中一些看起来与原始可观察对象无关。

Firebase身份验证为我们提供了Authstate方法来检查状态。我所做的是检查用户的id是否未定义

this.afAuth.authState.pipe(
      map((data) => {
        return data?.uid
      })
    ) 

afAuth : AngularFireAuth

在guard.ts，我返回一个可观察的