Angular 11中Firebase实时数据库Web端权限拒绝问题求助

开发者阿泽

2026-6-30

问题分析与修复方案

核心问题

你的Firebase实时数据库规则存在两处关键错误，导致Web端权限校验失败：

路径变量$uid未正确绑定：当前规则写在根节点/下，$uid在这里属于未定义变量，无法匹配用户ID，导致auth.id === $uid条件永远不成立。
用户ID属性错误：Firebase匿名登录的用户对象中，用户ID字段是auth.uid而非auth.id，原规则里的auth.id会获取不到正确值。

另外，根节点直接设置读写规则会过度限制所有数据访问，应该把规则限定在用户专属的聊天数据节点下，更符合权限控制逻辑。

修正后的数据库规则

假设你的聊天数据存储在/chats/$uid这类用户专属路径下，调整规则如下：

{
  "rules": {
    "chats": {
      "$uid": {
        ".read": "auth != null && auth.uid === $uid && auth.provider === 'anonymous'",
        ".write": "auth != null && auth.uid === $uid && auth.provider === 'anonymous'"
      }
    }
  }
}

Web端代码校验

同时需要确保Angular代码中，匿名登录成功后再发起数据库请求，示例逻辑如下：

// 先完成匿名登录
this.angularFireAuth.signInAnonymously()
  .then((userCredential) => {
    const user = userCredential.user;
    // 登录成功后，访问当前用户的专属聊天节点
    this.db.list(`chats/${user.uid}`).valueChanges().subscribe(messages => {
      // 处理聊天消息逻辑
    });
  })
  .catch((error) => {
    console.error('匿名登录失败:', error);
  });