简单边缘动态/静态页面--边缘计算节点-火山引擎

文档中心

导航

边缘计算节点

简单边缘动态/静态页面

最近更新时间：2024.05.31 18:03:20首次发布时间：2023.02.15 19:04:51

以下示例展示了如何使用边缘函数静态或动态生成一个简单的 HTML 页面，并将该页面作为响应返回给客户端。这样可减少源服务器上的负载，并减少总体延迟。

示例代码

async function handleRequest(event) {
  // 获取发送请求的用户的IP地址，如果不可用则默认为"N/A"
  const clientIp = event.info ? event.info.clientIp : "N/A";
  // 获取请求内容
  const request = event.request;
  // 创建 HTML 内容，包含欢迎信息和用户IP地址
  const html = `<!DOCTYPE html>
    <body>
      <h1>Hello World</h1>
      <p>Hello from Sparrow Runtime.</p>
      <p>The visitor's ip is ${clientIp}</p>
    </body>`;
// 创建并返回一个新的响应，内容为上述 HTML，内容类型为 "text/html; charset=UTF-8"
  return new Response(html, {
    headers: {
      "Content-Type": "text/html; charset=UTF-8",
    },
  });
}

addEventListener("fetch", event => {
  return event.respondWith(handleRequest(event));
})

边缘计算节点

示例代码

示例预览