Express.js WebHook场景下如何限制GET接口仅响应浏览器请求

你的问题核心是当前GET /路由会响应所有GET请求，包括WebHook发起的请求，导致WebHook收到错误的HTML响应。可以通过以下两种方式解决：

方案一：通过请求头识别请求来源 #

如果无法修改WebHook的请求路径，可以通过请求头区分浏览器和WebHook请求：

• 让WebHook请求携带自定义标识头（比如X-Webhook-Request: true）
• 在GET路由中判断请求头，若为WebHook请求则返回错误响应，否则返回HTML

修改后的代码：

app.get('/', (req, res) => {
  // 检查是否为WebHook发起的请求
  const isWebhookRequest = req.headers['x-webhook-request'] === 'true';

  if (isWebhookRequest) {
    // 给WebHook返回不兼容的响应，避免返回HTML
    return res.status(405).send('GET method not supported for WebHook');
  }

  // 仅向浏览器返回首页HTML
  res.sendFile(path.join(__dirname, '/views/abc.html'));
});

如果WebHook没有自定义头，也可以通过User-Agent头简单判断（注意：这种方式不是100%准确，需根据实际情况调整）：

const isBrowser = /Mozilla|Chrome|Safari|Edge/.test(req.headers['user-agent'] || '');
if (!isBrowser) {
  return res.status(405).send('Invalid request source');
}

方案二：拆分路由（推荐） #

最稳妥的方式是将首页和WebHook的路由彻底分开，避免路径冲突：

• 首页保留GET /
• WebHook使用独立路径（比如POST /webhook）

修改后的完整代码：

// 首页路由：仅处理浏览器的GET请求
app.get('/', (req, res) => {
  res.sendFile(path.join(__dirname, '/views/abc.html'));
});

// WebHook路由：处理WebHook的POST请求
app.post('/webhook',(req,res)=> {
  const text = req.body.text;
  const jsonResponse = {
    "fulfillmentMessages": [
      {
        "text": {
          "text": [
            "Text response from webhook"
          ]
        }
      }
    ]
  }
  res.status(200).send(jsonResponse);
});

这种方式从根源上避免了请求混淆，后续维护也更清晰，只要把WebHook的请求地址更新为/webhook即可。

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