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

边缘安全加速平台 EO 返回 JSON

• 腾讯云产品

这篇说说如何使用边缘函数生成JSON并在浏览器预览，通过TypeScript代码示例展示如何将对象转为JSON字符串并设置响应头，最终在浏览器访问触发规则URL即可查看效果。 示例代码：使用JSON.stringify将数据转为JSON，通过Response对象返回并设置content-type为application/json。 预览方法：在浏览器地址栏输入匹配边缘函数触发规则的URL即可查看JSON输出。

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

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

一、示例代码

const data = { content: 'hello world',};async function handleRequest(request) { // JSON 转为字符串 const result = JSON.stringify(data, null, 2); return new Response(result, { headers: { 'content-type': 'application/json; charset=UTF-8', }, });}addEventListener('fetch', event => { return event.respondWith(handleRequest(event.request));});

二、示例预览

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

三、相关参考

·Runtime APIs: addEventListener

·Runtime APIs: Response

相关内容：

  1. 边缘安全加速平台 EO 获取客户端 IP 由于前端无法直接获取客户端 IP 地址，在很多业务场景下，通常需要通过服务器端或第三方服务来获取客户端 IP。该示例通过Request对象的eo.clientIp属性获取客户端 IP，并组装为 JSON 格式的数据响应客户端，实现了使用边缘函数获取客户端 IP。...
  2. 边缘安全加速平台 EO 缓存 POST 请求 该示例对 POST 请求 body 计算 SHA-256 签名，作为缓存 key 的一部分，并使用 Cache API 将响应内容进行缓存，若存在缓存，则使用缓存内容响应客户端，否则使用 Fetch API 发起子请求获取远程资源。实现了，使用边缘函数缓存 POST 请求。...
  3. 边缘安全加速平台 EO 自定义 Referer 限制规则 该示例通过检查 HTTP 请求头中的 Referer 字段，可以判断出请求的来源，可以根据自己的需求，灵活地设定 Referer 字段的匹配规则，如请求中的 Referer 字段缺失，或者其值与预设的域名列表不匹配，边缘函数将对此类请求进行拦截并返回403状态码，以表明访问被拒绝，常用于网站限制资源的访问。...
  4. 边缘安全加速平台 EO 流式响应 该示例使用 Fetch API 获取远程资源 jQuery.js 并流式响应给客户端。...
  5. 边缘安全加速平台 EO 设置 Cookie 该示例使用 Cookies 做访问计数，当浏览器访问边缘函数服务时，请求计数加 1。...
  6. 边缘安全加速平台 EO 基于请求区域重定向 该示例通过判断客户端所属区域，自动重定向到所属区域的目标网址。实现了通过边缘函数根据客户端所属区域分发请求。...
  7. 边缘安全加速平台 EO 修改响应头 该示例使用 Fetch API 实现对站点域名 www.example.com 的反向代理，通过边缘函数设置 HTTP 响应头，实现跨域资源共享 CORS (Cross-Origin Resource Sharing)。...
  8. 边缘安全加速平台 EO 返回 HTML 页面 这篇说说如何使用腾讯云边缘函数生成并预览一个返回“Hello World”HTML页面的示例，代码通过addEventListener监听请求并返回自定义响应。 示例代码：使用TypeScript定义HTML字符串，通过handleRequest返回带自定义头部的Response。 预览方式：在浏览器访问匹配触发规则的URL即可查看效果。 相关参考：提供addEventListener、Response、FetchE。...
赞 (0)
上一篇 4天前
下一篇 4天前