如何在JavaScript中隐藏Zapier Webhook URL？

直接给你几个落地的方案，解决前端暴露Webhook URL的问题：

1. 用自己的后端做中转（最稳妥） #

前端代码里的任何内容都能被扒出来，所以别把Zapier的URL直接写在前端。你可以搭个简单的后端接口，前端把数据发给自己的后端，再由后端把数据转发到Zapier的Webhook。这样别人只能看到你自己的后端接口地址，看不到Zapier的URL。

举个Node.js + Express的简单例子：

// 后端代码（Node.js）
const express = require('express');
const axios = require('axios');
const app = express();
app.use(express.json());

// 自己的后端接口，前端调用这个
app.post('/submit-data', async (req, res) => {
  // Zapier的URL藏在后端，前端看不到
  const zapierURL = "https://hooks.zapier.com/hooks/catch/XXXX/XXXX/";
  try {
    // 把前端传来的数据转发给Zapier
    await axios.post(zapierURL, req.body, {
      headers: { 'Content-type': 'application/x-www-form-urlencoded' }
    });
    res.status(200).send('提交成功');
  } catch (error) {
    res.status(500).send('提交失败');
  }
});

app.listen(3000, () => console.log('后端服务启动'));

然后前端代码改成调用自己的后端接口：

var request = new XMLHttpRequest();
// 换成自己的后端接口地址
var apiURL = "/submit-data";
var data = {
   "First Name" : userName.value,
   "Email" : userEmail.value,
};
request.open("POST", apiURL, true);
request.setRequestHeader('Content-type','application/json');
request.send(JSON.stringify( data ));

2. 给Zapier Webhook加验证规则 #

即使别人拿到了URL，也能通过验证拦住无效请求。Zapier支持在触发器里设置过滤条件：

• 前端请求时加一个只有你知道的密钥头，比如X-My-Secret: 你的随机复杂密钥
• 在Zapier的Webhook触发器设置里，添加“过滤器”步骤，检查请求头里的X-My-Secret是否等于你设置的密钥，只有符合条件的请求才会继续执行。

修改后的前端代码：

var request = new XMLHttpRequest();
var webhookURL = "https://hooks.zapier.com/hooks/catch/XXXX/XXXX/";
var data = {
   "First Name" : userName.value,
   "Email" : userEmail.value,
};
request.open("POST", webhookURL, true);
request.setRequestHeader('Content-type','application/x-www-form-urlencoded');
// 添加自定义密钥头
request.setRequestHeader('X-My-Secret', '你的随机复杂密钥');
request.send(JSON.stringify( data ));

3. 限制请求来源（辅助手段） #

• 在Zapier里设置IP白名单：只允许你的服务器IP（如果用了后端中转）或者指定IP请求Webhook
• 检查Referer头：在Zapier的过滤器里检查请求的Referer是否是你的域名（注意：Referer可以被伪造，只能作为辅助验证）

4. 定期更换Webhook URL #

如果暂时不想折腾后端，最简单的办法就是定期去Zapier后台生成新的Webhook URL，替换掉前端里的旧地址。这样即使别人拿到了旧URL，也会失效。

内容的提问来源于stack exchange，提问作者My Money Marathon