云服务器特惠 99/年起
  1. 腾讯云优惠网首页
  2. 腾讯云产品

边缘安全加速平台 EO 返回 HTML 页面

• 腾讯云产品

这篇说说如何使用腾讯云边缘函数生成并预览一个返回“Hello World”HTML页面的示例，代码通过addEventListener监听请求并返回自定义响应。 示例代码：使用TypeScript定义HTML字符串，通过handleRequest返回带自定义头部的Response。 预览方式：在浏览器访问匹配触发规则的URL即可查看效果。 相关参考：提供addEventListener、Response、FetchE。

相关产品
边缘安全加速平台 EO 产品页，含版本规格、价格与购买入口。

使用边缘函数生成 HTML 页面，并在浏览器端访问预览该 HTML 页面。

一、示例代码

const html = ` <!DOCTYPE html> <body> <h1>Hello World</h1> <p>This markup was generated by TencentCloud Edge Functions.</p> </body>`;async function handleRequest(request) { return new Response(html, { headers: { 'content-type': 'text/html; charset=UTF-8', 'x-edgefunctions-test': 'Welcome to use Edge Functions.', }, });}addEventListener('fetch', event => { event.respondWith(handleRequest(event.request));});

二、示例预览

在浏览器地址栏中输入匹配到边缘函数触发规则的 URL，即可预览到示例效果。

三、相关参考

·Runtime APIs: addEventListener

·Runtime APIs: Response

·Runtime APIs: FetchEvent

相关内容：

  1. 边缘安全加速平台 EO 获取客户端地理特征信息 该示例捕获 HTTP 请求并响应用户地理位置信息，生成包含 ASN、国家、地区、城市及经纬度的 HTML 页面，可用于调试或信息地理位置信息展示。...
  2. 边缘安全加速平台 EO 返回 JSON 这篇说说如何使用边缘函数生成JSON并在浏览器预览，通过TypeScript代码示例展示如何将对象转为JSON字符串并设置响应头，最终在浏览器访问触发规则URL即可查看效果。 示例代码：使用JSON.stringify将数据转为JSON，通过Response对象返回并设置content-type为application/json。 预览方法：在浏览器地址栏输入匹配边缘函数触发规则的URL即可查看JSON输出。...
  3. 边缘安全加速平台 EO 修改响应头 该示例使用 Fetch API 实现对站点域名 www.example.com 的反向代理，通过边缘函数设置 HTTP 响应头，实现跨域资源共享 CORS (Cross-Origin Resource Sharing)。...
  4. 边缘安全加速平台 EO 缓存 POST 请求 该示例对 POST 请求 body 计算 SHA-256 签名，作为缓存 key 的一部分，并使用 Cache API 将响应内容进行缓存，若存在缓存，则使用缓存内容响应客户端，否则使用 Fetch API 发起子请求获取远程资源。实现了，使用边缘函数缓存 POST 请求。...
  5. 边缘安全加速平台 EO 流式响应 该示例使用 Fetch API 获取远程资源 jQuery.js 并流式响应给客户端。...
  6. 边缘安全加速平台 EO 获取客户端 IP 由于前端无法直接获取客户端 IP 地址，在很多业务场景下，通常需要通过服务器端或第三方服务来获取客户端 IP。该示例通过Request对象的eo.clientIp属性获取客户端 IP，并组装为 JSON 格式的数据响应客户端，实现了使用边缘函数获取客户端 IP。...
  7. 边缘安全加速平台 EO 获取客户端 URL 信息 该示例捕获传入的 HTTP 请求，并返回 HTML 页面，该页面显示了请求 URL 的详细信息，可用于调试和展示请求参数、路径及来源等。...
  8. 边缘安全加速平台 EO 基于请求区域重定向 该示例通过判断客户端所属区域，自动重定向到所属区域的目标网址。实现了通过边缘函数根据客户端所属区域分发请求。...
赞 (0)
上一篇 4天前
下一篇 4天前