Firestore如何跨所有用户文档批量获取全部Product子集合数据

原代码运行失效的核心问题 #

• 路径构造错误：代码中.collection('user').doc()调用时未传入任何文档ID参数，该方法必须传入具体的用户uid才能定位到父文档，空参数生成的路径本身无效，根本无法触发子集合查询。
• 查询逻辑不匹配：Firestore默认不支持对嵌套在所有父文档下的同名子集合做递归全量查询，单条集合查询语句只能定位固定路径下的子集合，无法一次遍历所有用户下的产品数据。
• 异步逻辑错位：onSnapshot是实时监听回调方法，本身不返回可被await的Promise，代码中的await不会等待数据加载完成就直接执行setState，最终拿到的永远是空数组。

可落地的实现方案 #

方案1：使用Collection Group组查询（官方推荐，性能最优） #

该能力是Firestore专门为跨父文档的同名字集合查询设计的，只要所有用户文档下的产品子集合统一命名为Product，就可以直接拉取全量产品数据，不需要循环遍历所有用户文档。

注意：首次使用前需要在Firestore控制台为Product子集合开启组查询索引，否则会抛出索引缺失的报错。
实现代码：

getData = async () => {
  const productList = []
  // 直接匹配所有路径下、名称为Product的子集合文档
  const allProductSnapshot = await firebase.firestore().collectionGroup('Product').get()
  allProductSnapshot.forEach(doc => {
    // 可额外获取产品所属的父级用户ID，方便后续关联用户的nameUser等基础信息
    const ownerUid = doc.ref.parent.parent.id
    productList.push({
      id: doc.id,
      ownerUid: ownerUid,
      data: doc.data()
    })
  })
  this.setState({ data: productList })
}

如果需要实时同步产品数据的变动，可将单次拉取的.get()替换为.onSnapshot()的回调写法，将setState逻辑移入回调内部执行即可。

方案2：遍历用户文档后循环拉取产品数据（无组查询适配场景） #

若不想开启组查询，可先拉取所有用户文档的ID，再逐个拉取对应用户下的Product子集合做数据合并。该方式在用户规模较大时会产生大量独立查询请求，性能低于组查询方案。
实现代码：

getData = async () => {
  const productList = []
  // 第一步：获取全量用户文档
  const allUserSnapshot = await firebase.firestore().collection('user').get()
  // 第二步：并发拉取每个用户下的产品子集合
  const fetchTasks = allUserSnapshot.docs.map(async userDoc => {
    const productSnapshot = await userDoc.ref.collection('Product').get()
    productSnapshot.forEach(productDoc => {
      productList.push({
        id: productDoc.id,
        ownerUid: userDoc.id,
        data: productDoc.data()
      })
    })
  })
  // 等待所有产品数据拉取完成后再更新页面状态
  await Promise.all(fetchTasks)
  this.setState({ data: productList })
}

内容的提问来源于stack exchange，提问作者Thắng Trương Khắc