异步函数获取Firestore数据后，如何通过Express正确返回数据？

初始代码错误原因 #

你把ex.get()直接作为参数传给了getData().then()，但then()需要接收一个回调函数，而非直接执行ex.get()。这种写法会导致Express的路由逻辑被错误触发，内部无法找到请求对象req，从而抛出Cannot read properties of undefined (reading 'method')错误。

修改后代码的问题 #

1. getData()未返回数据：函数内部仅循环打印文档数据，但没有将收集到的product数组返回，导致后续无法获取实际数据。
2. data是Promise对象而非实际数据：let data = getData().then(...)中，data存储的是getData()返回的Promise实例，不是Firestore返回的文档数据，直接res.json(data)只会序列化Promise对象，而非你需要的产品数据。
3. 路由定义时机错误：等到getData()完成后才定义路由，会导致服务器启动初期访问/store时出现404错误。

修复后的完整代码 #

第一步：修正getData()函数，让它返回数据 #

async function getData() {
  const querySnap = await firestore.getDocs(colRef);
  const product = [];
  querySnap.forEach((pr) => {
    product.push(pr.data()); // 收集数据到数组
    console.log(pr.data());
  });
  return product; // 返回产品数组
}

第二步：正确配置Express路由与服务器 #

方案1：每次请求时实时获取数据（适合数据频繁更新的场景）

const express = require("express");
const ex = express();

// 提前定义路由，请求时获取数据
ex.get("/store", async (req, res) => {
  try {
    const productData = await getData();
    res.json(productData); // 返回实际产品数据
  } catch (err) {
    res.status(500).json({ error: "获取数据失败：" + err.message });
  }
});

// 启动服务器
ex.listen(5000, () => {
  console.log("服务器运行在 http://localhost:5000");
});

方案2：提前缓存数据，请求时直接返回（适合数据不频繁更新的场景）

let cachedProducts = [];

// 启动前加载数据并缓存
getData()
  .then((products) => {
    cachedProducts = products;
    console.log("产品数据加载完成");
  })
  .catch((err) => {
    console.error("加载数据失败：", err);
  });

const express = require("express");
const ex = express();

ex.get("/store", (req, res) => {
  if (cachedProducts.length === 0) {
    return res.status(503).json({ message: "数据正在加载中，请稍后重试" });
  }
  res.json(cachedProducts);
});

ex.listen(5000, () => {
  console.log("服务器运行在 http://localhost:5000");
});

额外注意事项 #

• 确保Firebase配置信息firebaseConfig已正确填写，否则无法连接Firestore。
• 处理异步操作时始终添加try/catch（或.catch()），避免未捕获的错误导致服务器崩溃。

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