边缘开发者平台

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

addEventListener

注册事件监听器，是边缘函数的运行入口。addEventListener仅支持注册一个事件监听器。当前仅支持 fetch 请求事件，通过注册 fetch 事件监听器，生成 HTTP 请求事件 FetchEvent ，进而实现对 HTTP 请求的处理。
描述
function addEventListener(type: string, listener: (event: FetchEvent) => void): void;
参数
参数名称
类型
必填
说明
type
string
是
事件类型。
当前仅支持 fetch请求事件。
非 fetch请求事件，边缘函数引擎会主动抛出 Error类型的异常。
listener
 (event: FetchEvent) => void      
是
事件监听器。用于处理事件回调。
注册 fetch 请求事件生成 FetchEvent 类的事件监听器。
示例代码
// 注册 fetch 请求事件监听器
addEventListener('fetch', (event) => {
  // 响应客户端
  event.respondWith(new Response('Hello World!'));
});
相关参考
MDN 官方文档：addEventListener
示例函数：返回 HTML 页面
示例函数：返回 JSON

描述
- 参数
示例代码
相关参考

参数名称	类型	必填	说明
type	string	是	事件类型。当前仅支持 `fetch`请求事件。非 `fetch`请求事件，边缘函数引擎会主动抛出 `Error`类型的异常。
listener	(event: FetchEvent) => void	是	事件监听器。用于处理事件回调。注册 `fetch` 请求事件生成 FetchEvent 类的事件监听器。