边缘开发者平台

边缘函数
- 概述
- 快速指引
- 操作指引
  - 函数管理
  - Web调试
  - 触发配置
  - 环境变量
- Runtime APIs
  - addEventListener
  - Cache
  - Cookies
  - Encoding
  - Fetch
  - FetchEvent
  - Headers
  - Request
  - Response
  - Streams
    - ReadableStream
    - ReadableStreamBYOBReader
    - ReadableStreamDefaultReader
    - TransformStream
    - WritableStream
    - WritableStreamDefaultWriter
  - Web Crypto
  - Web standards
  - Images
    - ImageProperties
- 示例函数
  - 示例概述
  - 301重定向
  - 获取客户端URL信息
  - 基于客户端地理位置的自定义
  - 获取客户端地理位置信息
  - 批量重定向
  - 返回 HTML 页面
  - 返回 JSON
  - Fetch 远程资源
  - 请求头鉴权
  - 修改响应头
  - AB 测试
  - 设置 Cookie
  - 基于请求区域重定向
  - Cache API 使用
  - 缓存 POST 请求
  - 流式响应
  - 合并资源流式响应
  - 防篡改校验
  - m3u8 改写与鉴权
  - 图片自适应缩放
  - 图片自适应 WebP
  - 自定义 Referer 限制规则
  - 远程鉴权
  - HMAC 数字签名
  - 自定义下载文件名
  - 获取客户端 IP
- 最佳实践
  - 通过边缘函数实现自适应图片格式转换

获取客户端 IP

由于前端无法直接获取客户端 IP 地址，在很多业务场景下，通常需要通过服务器端或第三方服务来获取客户端 IP。该示例通过 Request 对象的eo.clientIp属性获取客户端 IP，并组装为 JSON 格式的数据响应客户端，实现了使用边缘函数获取客户端 IP。
function handleRequest(request) {
  // 通过 request.eo.clientIp 获取客户端 IP
  const ip = request.eo.clientIp || '';
  
  // 响应 JSON 数据
  return new Response(JSON.stringify({ ip }), {
    headers: { 'content-type': 'application/json' },
  });
}
﻿
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request));
});
示例预览
在浏览器地址栏中输入匹配到边缘函数触发规则的 URL，即可预览到示例效果：
﻿
相关参考
﻿Runtime APIs: Fetch﻿
﻿Runtime APIs: Request﻿
﻿Runtime APIs: Response﻿