如何通过Cloud Function将Firestore文档ID存入DocumentData？

方案一：前端直接合并（最简便） #

不用额外依赖云函数，在获取文档时直接把ID合并到数据对象里即可。修改你的示例代码如下：

export const getSpaces = async () => {
  const spaceDocs = await getDocs(spacesCollection)
  spaces.value = spaceDocs.docs.map(spaceDoc => ({
    id: spaceDoc.id,
    ...spaceDoc.data()
  }))
}

处理后，spaces数组里的每个元素会直接包含id字段和所有文档属性，使用时直接调用space.id、space.name就能访问，完全匹配你的需求。

方案二：Cloud Function自动写入ID（适合需永久存储ID的场景） #

如果需要把ID永久存在文档数据中（比如后续查询要用到ID做筛选），可以写一个云函数，在文档创建时自动将ID写入：

exports.addDocumentId = functions.firestore
  .document('spaces/{spaceId}')
  .onCreate((snap, context) => {
    const spaceId = context.params.spaceId;
    // 避免无限循环，先判断是否已存在id字段
    if (!snap.data().id) {
      return snap.ref.set({ id: spaceId }, { merge: true });
    }
    return null;
  });

部署这个云函数后，新创建的spaces文档会自动带上id字段，前端获取数据时直接通过spaceDoc.data().id就能拿到，和其他属性一样直接访问。

两种方案对比 #

• 前端合并：无需额外资源，实现简单，适合仅前端展示需要ID的场景，不会修改Firestore原始数据。
• 云函数写入：会把ID永久存入文档，适合需要在Firestore查询、排序或其他后端操作中用到ID的场景，但需要维护云函数。

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