Firebase云函数调用Firestore返回QuerySnapshot而非数据求助

嘿，我之前也踩过这个坑！你现在的问题是直接把Firestore返回的QuerySnapshot对象给返回了，这个对象其实是Firestore查询结果的包装容器，并不是你要的餐厅数据本身。咱们得从这个快照里把实际的文档数据提取出来才行。

问题出在哪？ #

你的代码里await restaurantsRef.get()拿到的snapshot是QuerySnapshot类型，它包含了查询到的所有文档的元信息和访问方法，但直接序列化返回给前端的话，前端拿到的是一堆Firestore内部的属性，不是你需要的业务数据。

怎么修改？ #

你需要遍历QuerySnapshot里的docs数组，对每个文档调用doc.data()来获取实际数据，还可以顺便带上文档的ID（很多场景下这个ID很有用）。

修改后的代码应该是这样的：

export async function allRestaurants(req: Request, res: Response) {
 try {
  const restaurantsRef = admin.firestore().collection('restaurants');
  const snapshot = await restaurantsRef.get();
  
  // 从快照中提取实际数据，同时带上文档ID
  const restaurants = snapshot.docs.map(doc => ({
    id: doc.id, // 可选，但推荐带上，方便前端后续操作
    ...doc.data() // 展开文档的实际数据
  }));

  console.log(">>>>>>>>>", restaurants);
  return res.status(200).send({ data: { restaurants } })
 } catch (err) {
  return handleError(res, err)
 }
}

额外提示 #

• 如果你的restaurants集合是空的，snapshot.empty会是true，这时候map会返回空数组，前端拿到的就是空的餐厅列表，逻辑很通顺。
• doc.data()返回的是文档的字段和值的对象，如果你需要某个特定字段，可以单独取，比如doc.data().name，不过一般展开整个对象更方便。

这样修改后，前端就能拿到干净的餐厅数据数组啦！

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