AngularFirestore订阅后如何检测文档权限丢失

好问题！这种场景在实际应用里挺常见的——用户已经成功加载并订阅了文档，之后管理员突然移除了他们的访问权限，咱们得能及时捕获到这个情况并处理。

Firestore的实时监听（比如你用的valueChanges()）在权限丢失时会触发错误回调，所以核心是给你的订阅加上错误处理逻辑：

步骤1：完善订阅的错误处理 #

你当前的代码只处理了订阅的next回调（也就是正常接收数据的情况），没有处理错误。修改后的代码应该包含error回调，用来捕获权限不足等问题：

this.observable = this.angularFirestore.collection('users').doc<User>(userID).valueChanges();
this.subscription = this.observable.subscribe(
  (user: User) => {
    // 处理正常的文档变更逻辑
  },
  (error) => {
    // 捕获权限丢失的错误
    if (error.code === 'permission-denied') {
      // 这里写权限丢失后的处理逻辑：
      // 比如提示用户权限已被移除、清理本地数据、跳转到登录页或无权限页面
      console.error('抱歉，你已失去该文档的访问权限:', error);
      // 示例：显示用户提示
      // this.toastr.error('你的权限已变更，无法继续访问该内容');
      // 示例：导航到首页
      // this.router.navigate(['/home']);
    } else {
      // 处理其他类型的错误（比如网络问题、文档不存在等）
      console.error('加载用户文档时发生未知错误:', error);
    }
  }
);

关键说明 #

• 当管理员移除用户权限后，Firestore的实时连接会立即检测到权限变化，并触发error回调，你可以在这里精准处理权限丢失的场景。
• 一定要通过error.code === 'permission-denied'来判断是否是权限问题，避免把其他错误（比如网络波动）误判为权限丢失。

额外提醒 #

别忘了在组件销毁时取消订阅，防止内存泄漏：

ngOnDestroy(): void {
  if (this.subscription) {
    this.subscription.unsubscribe();
  }
}

如果你还想在订阅前先主动检查一次权限，可以先用get()方法尝试获取文档，不过实时监听的错误处理依然是必须的——因为权限可能在订阅之后才被变更。

内容的提问来源于stack exchange，提问作者BOOnZ