更新时间:2024-09-03 15:10:01
本教程将引导您创建一个简单的Edge Cloud Apps 函数,实现基于用户代理 (User-Agent) 的页面改写。当用户使用Chrome浏览器访问时,页面内容会被改写;而使用其他浏览器访问时,页面内容将保持不变。
在开始之前,请确保您已完成以下准备工作:
此处关联的测试域名仅用于在线调试,只在测试环境中生效,不会影响您的线上正式业务。
使用模板可以帮助您快速创建常见功能的函数,例如流媒体 M3u8 改写、网页链接改写、聚合请求响应等。 每个模板下方都有关于其功能的说明。点击使用模板创建函数后,您将在CloudIDE界面中直接看到该模板对应的函数示例代码。我们持续更新模板,部分模板仍在开发中,即将开放。
在CloudIDE中,您可以自由地编写、编辑和调试代码。CloudIDE提供语法高亮、自动补全、错误提示等功能,帮助您高效地编写代码。有关CloudIDE的更多信息,请访问我们的CloudIDE 文档
以下是一段已经编写好的函数,用于实现根据不同的 User-Agent 返回不同的页面内容:
每个函数均可以包含多个JavaScript文件,方便您更好地组织和管理复杂的函数逻辑。但请注意,每个函数必须包含一个名为
index.js
的文件作为函数入口点。当函数被触发执行时,平台会从index.js
文件开始执行代码。
/ECA-test/pet-shop-website-template/index.html
。如果需要配置请求参数、请求路径、头部信息或Body内容,请在测试页面的相应标签页中逐一进行设置,以便模拟真实的请求场景。User Agent
为 Chrome
和 Firefox
时的页面返回效果:
当您完成调试并满足测试要求后,可以将函数部署到生产环境。您可以使用Edge Cloud Apps的 灰度部署 功能预先设置批次部署计划,并由平台定时触发。Edge Cloud Apps允许您配置自定义灰度部署的批次和比例,以及批次生效时间。如果希望立即生效,只需设置当前时间即可。请参考灰度部署文档了解更多细节。
2. 设置完成后,您可以在灰度部署界面查看您所创建函数的部署记录和当前的部署状态。如果您不需要再进行部署,也可点击停止来终止您的部署计划。
触发器配置完成后,即意味着您的函数正式生效于您配置在CDNetworks平台的加速域名。接下来,您可以通过CDNetworks控制台的函数分析页面监控函数的运行状态,例如实际请求数量、平均运行时间、错误率等。
当用户请求头中的User Agent
是 Chrome
时:
当用户请求头中的User Agent
是 Firefox
时: