Firebase v9如何获取嵌套集合内所有用户的Posts子集合数据

以下两种实现方案均适配Firebase v9模块化API，可直接在React项目中使用：

方案1：先拉全量用户再遍历获取子集合（匹配原有思路） #

适合用户量较小的学习场景，逻辑和你原来的实现思路完全对齐：

import { getFirestore, collection, getDocs } from 'firebase/firestore'
import { useEffect, useState } from 'react'

const db = getFirestore()

const AllPosts = () => {
  const [allPosts, setAllPosts] = useState([])
  const [loading, setLoading] = useState(true)

  const getAllUserPosts = async () => {
    // 1. 获取Users集合下的所有用户文档
    const usersCol = collection(db, 'Users')
    const usersSnapshot = await getDocs(usersCol)
    
    // 2. 遍历每个用户，并行查询对应的Posts子集合
    const postsPromises = usersSnapshot.docs.map(async (userDoc) => {
      const postsCol = collection(db, `Users/${userDoc.id}/Posts`)
      const postsSnapshot = await getDocs(postsCol)
      // 返回带用户UID的帖子数据，方便后续关联用户信息
      return postsSnapshot.docs.map(postDoc => ({
        uid: userDoc.id,
        postId: postDoc.id,
        ...postDoc.data()
      }))
    })

    // 3. 合并所有用户的帖子数组
    const allPostsRes = await Promise.all(postsPromises)
    setAllPosts(allPostsRes.flat())
    setLoading(false)
  }

  useEffect(() => {
    getAllUserPosts()
  }, [])

  // 后续渲染逻辑自行补充
}

方案2：集合组查询（生产环境推荐方案） #

无需先查用户集合，直接一次请求拉取所有用户的Posts子集合内容，性能更高、读取成本更低：

import { getFirestore, collectionGroup, getDocs, query, where } from 'firebase/firestore'

const getAllPosts = async () => {
  // 直接查询全库所有名为Posts的子集合
  const postsGroupQuery = collectionGroup(db, 'Posts')
  // 若需要过滤条件（比如只查公开帖子），可以套一层query：
  // const postsGroupQuery = query(collectionGroup(db, 'Posts'), where('isPublic', '==', true))
  const postsSnapshot = await getDocs(postsGroupQuery)
  
  return postsSnapshot.docs.map(doc => ({
    // 通过文档引用反向获取对应用户的UID
    uid: doc.ref.parent.parent.id,
    postId: doc.id,
    ...doc.data()
  }))
}

注意事项 #

• 如果使用集合组查询时加了组合过滤条件无返回结果，按照Firebase报错提示的指引在控制台创建对应索引即可，索引创建后1分钟左右生效
• 两种方案的读取次数都按照实际返回的文档数量统计，符合Firebase计费规则

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