如何在Firestore Web V9版本中为文档添加子集合文档？

在Firestore Web版本9中，向子集合添加文档的逻辑和创建普通文档一致，只需明确指定父文档的引用，再关联对应的子集合即可。以下是完整的实现示例：

核心步骤 #

• 导入Firestore核心函数
• 初始化Firestore实例（未初始化时执行）
• 定位目标父文档的引用
• 关联父文档下的目标子集合
• 使用对应方法向子集合添加新文档

完整代码示例 #

// 导入必要的Firestore函数
import { getFirestore, doc, collection, addDoc } from "firebase/firestore";

// 初始化Firestore实例
const db = getFirestore();

async function addSubcollectionDocument() {
  try {
    // 获取父文档的引用（示例：users集合下ID为user123的文档）
    const parentDocRef = doc(db, "users", "user123");
    
    // 获取该父文档下的子集合引用（示例：名为orders的子集合）
    const subcollectionRef = collection(parentDocRef, "orders");
    
    // 向子集合添加新文档，自动生成文档ID
    const newDocRef = await addDoc(subcollectionRef, {
      orderId: "ORD-001",
      product: "Laptop",
      price: 999,
      createdAt: new Date()
    });
    
    console.log("子集合文档添加成功，文档ID：", newDocRef.id);
  } catch (error) {
    console.error("添加子集合文档失败：", error);
  }
}

// 调用函数执行添加操作
addSubcollectionDocument();

如果需要手动指定子集合文档的ID，可将addDoc替换为setDoc，并传入带指定ID的文档引用：

// 手动指定子集合文档ID为"order-001"
const specificDocRef = doc(subcollectionRef, "order-001");
await setDoc(specificDocRef, {
  orderId: "ORD-001",
  product: "Laptop",
  price: 999,
  createdAt: new Date()
});

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