获取客户端 IP

Recent Pages

获取客户端 IP

最后更新时间：2023-12-13 10:56:46

由于前端无法直接获取客户端 IP 地址，在很多业务场景下，通常需要通过服务器端或第三方服务来获取客户端 IP。该示例根据 规则引擎 中开启的客户端 IP 头部 EO-Client-IP ，来获取客户端 IP，并组装为 JSON 格式的数据响应客户端，实现了使用边缘函数获取客户端 IP。
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request));
});
﻿
function handleRequest(request) {
  // 通过 EO-Client-IP 头部获取客户端 IP
  const ip = request.headers.get('EO-Client-IP') || '';
  // 响应 JSON 数据
  return new Response(JSON.stringify({ ip }), {
    headers: { 'content-type': 'application/json' },
  });
}
示例预览
首先，需要在 规则引擎 配置中，对需要触发边缘函数的域名打开客户端 IP 开关，并配置头部名称为 EO-Client-IP：
﻿
配置生效后，在 PC 端与移动端的浏览器地址栏中输入匹配到边缘函数触发规则的 URL（如：https://example.com/ip），即可获取到客户端 IP：
﻿
相关参考
﻿Runtime APIs: Fetch﻿
﻿Runtime APIs: Response﻿