Firebase 9 React客户端查询Stripe集成customers文档子集合方案

你当前的代码仅查询了customers/{currentUser.uid}一级父文档的数据，Firestore默认采用浅查询逻辑，不会自动返回文档关联的子集合数据，需要单独指定子集合路径发起查询。以下是可行方案：

适用于需要拉取用户全部订阅的场景，代码示例如下：

// 提前导入Firebase Firestore必要方法
import { collection, query, getDocs, doc, getDoc } from "firebase/firestore";
import { db } from "你的firebase配置文件路径";

React.useEffect(() => {
  // 先判断currentUser已加载完成，避免uid为空报错
  if (!currentUser?.uid) return;

  const fetchSubscriptionData = async () => {
    // 若需要父级customers文档数据可保留这部分查询
    const customerDocRef = doc(db, "customers", currentUser.uid);
    const customerDocSnap = await getDoc(customerDocRef);
    setCustomer(customerDocSnap.data());

    // 显式查询subscriptions子集合
    const subsCollectionRef = collection(db, "customers", currentUser.uid, "subscriptions");
    const subsQuery = query(subsCollectionRef);
    const querySnapshot = await getDocs(subsQuery);
    
    // 整理子集合数据存入state
    const subscriptionList = [];
    querySnapshot.forEach((docItem) => {
      subscriptionList.push({
        id: docItem.id,
        ...docItem.data()
      });
    });
    // 可自行定义state存储订阅数据，比如setSubscriptions(subscriptionList)
  };

  fetchSubscriptionData();
}, [currentUser?.uid]) // 需将currentUser.uid加入依赖数组，监听登录状态变化

如果业务场景中已经拿到了订阅ID（如示例中的sub_1JylxxxxxxxxxxxxRd），可以直接查询单个订阅文档：

const fetchSingleSub = async (subId) => {
  const subDocRef = doc(db, "customers", currentUser.uid, "subscriptions", subId);
  const subDocSnap = await getDoc(subDocRef);
  if (subDocSnap.exists()) {
    console.log("订阅数据：", subDocSnap.data());
  }
}

• 检查Firestore权限规则是否开放了customers/{uid}/subscriptions路径的读取权限，Stripe Firebase扩展默认配置的规则仅允许登录用户读取自身关联的订阅数据，需确保当前账号处于已登录状态、currentUser.uid取值正确
• 确认Auth状态加载完成后再发起查询，避免Auth未初始化完成时currentUser为null导致查询路径错误
• 可先登录Firebase控制台进入Firestore页面，手动核对对应路径下是否存在真实文档，排除Stripe集成未正常生成数据的问题

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