未集成Firebase Auth时如何在客户端访问Firestore？

问题根源 #

你的Firestore规则要求request.auth != null（仅认证用户可访问），但未集成Firebase Auth，所以调用getDocs时触发权限校验失败。

1. 临时实现：成功读取数据 #

先调整规则临时开放访问（仅用于测试，生产环境禁止使用）：
修改firestore.rules为：

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if true;
    }
  }
}

部署规则后，即可正常调用getDocs读取数据。

2. 更安全的规则调整 #

根据业务场景选择对应规则：

场景1：公开只读数据（无需登录即可查看） #

如果计数器是公开数据，仅开放读权限，限制写操作：

service cloud.firestore {
  match /databases/{database}/documents {
    // 假设计数器数据在`counter`集合下的`total`文档中
    match /counter/total {
      allow read: if true; // 公开只读
      allow write: if false; // 禁止所有写操作，后续可添加管理员验证逻辑
    }
    // 其他集合保持原认证要求
    match /{document=**} {
      allow read, write: if request.auth != null;
    }
  }
}

场景2：计划后续集成Auth的预配置 #

如果之后要做用户认证，提前设置仅登录用户可访问：

service cloud.firestore {
  match /databases/{database}/documents {
    match /counter/{counterDoc} {
      allow read: if request.auth != null;
      allow write: if request.auth != null; // 可扩展为仅特定用户ID可写
    }
  }
}

场景3：限制仅前端域名访问 #

针对公开数据，可限制仅你的React应用域名能访问（注意：origin可伪造，仅作基础防护）：

service cloud.firestore {
  match /databases/{database}/documents {
    match /counter/total {
      allow read: if request.origin == "https://your-react-app-domain.com";
      allow write: if false;
    }
  }
}

3. 是否需要集成Firebase Auth？ #

完全取决于业务需求：

• 无需集成：如果计数器是完全公开的，不需要区分用户，也不需要用户修改数据，用公开只读规则即可满足需求。
• 必须集成：如果需要用户登录后才能查看数据、支持用户专属计数、或需要限制特定用户修改数据，必须集成Firebase Auth。

另外，即使当前不需要Auth，提前集成可降低后续功能扩展的重构成本。

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