如何在Firestore中读取所有用户对应的全部嵌套集合数据

你需要用Firebase的**集合组查询（Collection Group Query）**来读取所有路径中同名的子集合数据，这也是跨父文档查询同名嵌套集合的唯一原生方案。

现有代码的问题 #

你写的代码有两个明显错误：

• 先调用了get()方法又监听onSnapshot是完全错误的写法：get()返回的是一次性查询的Promise对象，根本没有onSnapshot方法，你把两种查询方式混写了，这是代码报错的核心原因
• 集合组查询默认没有访问权限，你需要先在Firebase控制台的安全规则里配置对应集合组的查询权限

正确实现代码 #

第一步：配置安全规则 #

先在Firebase安全规则中添加如下配置，开放pedidos集合组的查询权限（你可以根据自己的业务需求调整权限限制，比如仅允许admin用户查询）：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    // 配置pedidos集合组查询权限
    match /{path=**}/pedidos/{pedidoId} {
      allow read: if request.auth != null; // 这里可以自行添加admin校验逻辑
    }
  }
}

第二步：修正查询代码 #

如果需要实时监听所有用户的pedidos数据，写法如下：

useEffect(() => {
  // 集合组查询直接写子集合名，不需要加父集合路径
  const unsubscribe = db.collectionGroup('pedidos').onSnapshot(snapshot => {
    const tempData = [];
    snapshot.forEach((doc) => {
      // 可以通过doc.ref.parent.parent.id拿到对应的用户uid，有需要可以加到数据里
      const data = {
        id: doc.id,
        uid: doc.ref.parent.parent.id,
        ...doc.data()
      };
      tempData.push(data);
    });
    setEstudiantes(tempData);
  }, error => {
    // 可以加错误捕获逻辑，比如权限不足提示
    console.error('查询失败：', error);
  });

  // 组件卸载时取消监听，避免内存泄漏
  return () => unsubscribe();
}, [user]);

如果只需要一次性获取所有pedidos数据，不需要实时更新，写法如下：

useEffect(() => {
  const fetchPedidos = async () => {
    const snapshot = await db.collectionGroup('pedidos').get();
    const tempData = snapshot.docs.map(doc => ({
      id: doc.id,
      uid: doc.ref.parent.parent.id,
      ...doc.data()
    }));
    setEstudiantes(tempData);
  };
  fetchPedidos();
}, [user]);

其他可选方案 #

如果不想用集合组查询，也可以用遍历的方式：先拿到所有usuarios集合的文档，再挨个查询每个用户下的pedidos集合，不过这种方式查询效率远低于集合组查询，只适合用户量非常小的场景：

useEffect(() => {
  const fetchAllPedidos = async () => {
    // 先查所有用户
    const userSnapshot = await db.collection('usuarios').get();
    const tempData = [];
    // 遍历每个用户查自己的pedidos
    for (const userDoc of userSnapshot.docs) {
      const pedidoSnapshot = await userDoc.ref.collection('pedidos').get();
      pedidoSnapshot.docs.forEach(pedidoDoc => {
        tempData.push({
          id: pedidoDoc.id,
          uid: userDoc.id,
          ...pedidoDoc.data()
        });
      });
    }
    setEstudiantes(tempData);
  };
  fetchAllPedidos();
}, [user]);

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