如何通过Firebase Functions向外部API传递参数

1. 云函数调用地址确认 #

你使用的https://us-central1-<PROJECT-NAME>.cloudfunctions.net/news/是正确的，这是Firebase HTTPS触发云函数的标准访问格式，只要你部署云函数时选择的区域确实是us-central1即可正常使用，如果你部署时指定了其他区域，把路径中的us-central1替换为对应区域即可。

2. 实现客户端传参的改造方案 #

第一步：修改服务端代码 #

你需要从云函数的请求对象request中获取客户端传递的查询参数，再透传给NewsAPI，改造后的参考代码如下：

const functions = require("firebase-functions");
const cors = require("cors")({ origin: true });
const { default: axios } = require("axios");

exports.news = functions.https.onRequest((request, response) => {
  cors(request, response, async () => {
    // 从客户端请求的查询参数中获取from和to
    const { from, to } = request.query;
    // 基础参数校验，避免非法请求
    if (!from || !to) {
      return response.status(400).send("缺少必填参数：from、to");
    }

    const config = {
      headers: {
        "X-Api-Key": functions.config().news.key,
      },
      // 用axios的params属性自动拼接查询参数，避免手动拼接的编码问题
      params: {
        q: "usa",
        from,
        to,
        sortBy: "popularity"
      }
    };

    try {
      const res = await axios.get("https://newsapi.org/v2/everything", config);
      response.send(res.data);
    } catch (error) {
      // 优化错误返回，方便客户端排查问题
      response.status(error.response?.status || 500).send(error.message);
    }
  });
});

第二步：客户端调用示例 #

你只需要在调用云函数的URL后拼接查询参数即可，两种常见调用方式参考：

• 直接拼接URL调用示例：
  https://us-central1-<PROJECT-NAME>.cloudfunctions.net/news?from=2023-10-01&to=2023-10-07
• 用axios调用的示例：

axios.get('https://us-central1-<PROJECT-NAME>.cloudfunctions.net/news', {
  params: {
    from: '2023-10-01',
    to: '2023-10-07'
  }
}).then(res => {
  console.log(res.data)
})

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