如何通过低代码方式实现含用户地理位置参数的Webhook发送？

直接用以下极简代码就能实现，不需要复杂的XML或专业开发知识，复制修改就能用：

可直接使用的代码示例 #

<!DOCTYPE html>
<html>
<body>
<button onclick="sendLocationWebhook()">发送地理位置到Webhook</button>

<script>
// 👇 替换成你的Webhook地址
const WEBHOOK_URL = "https://你的目标Webhook地址";

function sendLocationWebhook() {
  // 检查浏览器是否支持地理位置功能
  if (!navigator.geolocation) {
    alert("你的浏览器不支持地理位置功能");
    return;
  }

  // 获取用户当前位置
  navigator.geolocation.getCurrentPosition(
    // 位置获取成功时执行
    function(position) {
      // 整理要发送的地理位置数据
      const locationData = {
        latitude: position.coords.latitude, // 纬度
        longitude: position.coords.longitude, // 经度
        accuracy: position.coords.accuracy // 位置精度（可选，可删除）
      };

      // 发送数据到Webhook
      fetch(WEBHOOK_URL, {
        method: "POST",
        headers: {
          "Content-Type": "application/json"
        },
        body: JSON.stringify(locationData)
      })
      .then(response => {
        response.ok ? alert("地理位置发送成功！") : alert("发送失败，请检查Webhook地址");
      })
      .catch(error => alert("发送出错：" + error.message));
    },
    // 位置获取失败时执行
    function(error) {
      let errorMsg = "";
      switch(error.code) {
        case error.PERMISSION_DENIED:
          errorMsg = "你拒绝了位置授权，无法获取地理位置";
          break;
        case error.POSITION_UNAVAILABLE:
          errorMsg = "当前位置无法获取";
          break;
        case error.TIMEOUT:
          errorMsg = "获取位置超时";
          break;
        default:
          errorMsg = "获取位置时发生未知错误";
      }
      alert(errorMsg);
    }
  );
}
</script>
</body>
</html>

使用步骤 #

1. 把代码复制到记事本（或任意文本编辑器）。
2. 将代码中的WEBHOOK_URL替换成你实际要接收数据的Webhook地址。
3. 保存文件，后缀名设为.html（比如send-location.html）。
4. 用浏览器打开这个HTML文件，点击按钮，授权位置权限，即可自动把经纬度数据发送到你的Webhook。

注意事项 #

• 线上部署时，网页必须采用HTTPS协议（浏览器要求地理位置API在HTTPS环境下才能正常工作，本地打开file://格式的文件测试不受此限制）。
• 你的Webhook服务需要支持接收POST请求，并且能处理JSON格式的数据。

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