> 技术文档 > 网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战


网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

  • 故事背景
  • 文章结构
  • 第一部分:图书借阅系统
    • 什么是CodeBuddy IDE
    • 图书借阅系统(CodeBuddy IDE)
  • 第二部分:部署代码
    • 什么是腾讯云 EdgeOne
    • 什么是EdgeOne Pages
    • 产品架构
    • 什么情况下选择EO
    • 免费内测
    • 部署代码
    • EdgeOne Pages Deploy MCP
  • 最后总结
  • 福利时刻

本文使用的MCP,来自 腾讯云开发者社区MCP广场 。腾讯云开发者社区MCP广场,致力于为用户提供丰富、好用、安全的MCP服务。

故事背景

你是否曾经遇到这样的情况:打开网页转圈半分钟?API响应超时报错?突然流量激增直接请求异常?——这不是开玩笑,而是中小网站每天都在经历的生存危机!

随着业务增长,越来越多开发者发现:

性能卡顿:用户投诉“打开网页慢如蜗牛”,海外访问延迟无限+,经常出现请求转圈圈;

黑客骚扰:DDoS攻击、CC恶意爬虫轮番轰炸,服务器CPU飙红,导致整个系统频频瘫痪;

成本失控:为扛流量买高配服务器,为防攻击买安全服务,钱包被掏空效果却打骨折;

运维绝望:半夜被告警吵醒,手忙脚乱加规则、扩带宽…问题却像打地鼠此起彼伏。

这不是你开发的技术不行,或者说这不是运维的技术不行,而是传统架构撑不住数字时代的【合法高峰流量+非授权访问者】双重暴击!

那么,今天,我将为你带来一款基于全新架构的真正一体化的边缘安全加速平台。提供全面的安全防护、网络&应用性能加速、领先的边缘计算和完善的监控运营分析能力 的边缘安全加速平台 EO(Tencent Cloud EdgeOne,下文简称为 EdgeOne)。

文章结构

今天的文章主要分为两部分,第一部分是通过CodeBuddy IDE 开发一个图书借阅系统,该图书管理系统具备基础的图书查阅,在线借阅,在线还书等操作;第二部分则是通过腾讯云EdgeOne 部署我们开发的图书借阅系统,并对外提供访问地址,为用户提供在线图书借阅服务。

第一部分:图书借阅系统

下面我们就需要通过CodeBuddy IDE 开发一个图书借阅系统,在开始开发之前,我们先来简单介绍一下我们的 CodeBuddy IDE。

什么是CodeBuddy IDE

CodeBuddy IDE 是全球首个产设研一体AI 全栈高级工程师。致力于构建一个产品、设计、研发无缝协作的共生环境。通过将 AI深度融入从需求规划、产品设计到代码开发的全流程,实现从一个从想法到产品发布的一站式高效交付平台。成为 打破产品、设计与研发职能壁垒的下一代 AI全栈高级工程师。

CodeBuddy IDE 官网地址:https://www.codebuddy.ai/
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

这里我们只是简单介绍一下CodeBuddy IDE 的相关信息,详细的介绍以及 IDE 开发工具的下载,安装等操作可以参考我前面的文章,里面有详细的介绍,这里就不再一一讲述了。下面我们开始我们的图书借阅系统开发吧!

图书借阅系统(CodeBuddy IDE)

有这么一个需求,需要我们开发一个图书借阅系统,学生可以通过这个系统查看当前可以借阅的图书,并且在线完成借阅登记,同时也可以在线还书。那么到这里我们的需求基本就明确了,下面我们整理了一下图书借阅系统需要涉及的功能。按照AI Prompt 提示词需要的格式整理后如下

我需要开发一个图书借阅系统,包含以下功能:1. 用户管理用户注册/登录(手机号/邮箱 + 密码)用户角色:普通用户、管理员用户信息:姓名、联系方式、借阅卡号(可自动生成)2. 图书管理图书信息录入(ISBN、书名、作者、出版社、分类、库存数量)图书检索(按书名/作者/ISBN模糊搜索)图书状态管理(在库/借出/维修中)3. 借阅流程借书:用户扫码/输入书号 → 检查可借数量 → 生成借阅记录还书:扫描图书或用户卡 → 更新图书状态 → 记录归还时间借阅规则:最大借阅数量(如每人5本)借阅周期(如30天)超期自动计算罚金(按日计算)4. 后台管理用户管理(冻结/解冻账户)图书入库/下架借阅记录查询

大家可能会想问,这么详细的需求整理真的是你自己想的吗?确实不是,这里我是将我的需求在DeepSeek 上面简单描述之后,DeepSeek 为我生成的图书借阅系统的相关功能点。当然,如果你是产品经理的话,具体的业务需求还是需要和业务提出方讨论商定之后再决定,而不是去AI 让其帮助设计系统的功能方向,有业务提出方还是要以人家业务提出方的需求为主的。这里我只是开发一个简单的图书借阅系统就可以了,主要是为了讲述后面的 腾讯云 EdgeOne。

这里我们将 AI 提示词 输入后 选择 CodeBuddy IDE 0.1.17版本上线的 大模型 GPT-5 来感受一下,看看GPT-5 的效果是不是更能理解人类心中所想。同时选择【Design Mode】设计模式来先设计一下这个需求
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

在接收到我们的需求之后,AI 会根据我们的需求内容进行分析,并让我们选择,根据我们的选择进行后面的操作
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

在选择了【Continue】之后,AI 根据我们的需求内容,提供了3个预设组合(已包含平台、页面、主题、规则与扫码方式),这里我选择 【方案A】
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

选择方案 A 之后,AI 会按照方案A 的内容为我们生成用户端(移动版)等待代码生成结束之后,我们可以看到具体的文件,代码及本地部署后生成的访问地址
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

复制预览地址:http://localhost:5173/ 到浏览器,可以看到如下的效果
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

到这里,我们的图书借阅系统 用户端就算开发完成了,由于上面提示词的部分内容属于 图书借阅系统的后端功能,在上面AI 给出选择时,我们选择了方案A 先做用户端效果,那么这里就以用户端 效果来进行后面的操作。

第二部分:部署代码

在部署代码之前,我们先介绍一下我们今天需要用到的腾讯云产品 EdgeOne,那么什么是腾讯云 EdgeOne?

什么是腾讯云 EdgeOne

腾讯云EdgeOne,也就是 边缘安全加速平台 EO(Tencent Cloud EdgeOne)是国内首款基于全新架构的真正一体化的边缘安全加速平台。提供全面的安全防护、网络&应用性能加速、领先的边缘计算和完善的监控运营分析能力。涵盖四大板块的技术解决方案

网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

什么是EdgeOne Pages

EdgeOne Pages 是基于 Tencent EdgeOne 基础设施打造的前端开发和部署平台,专为现代 Web 开发设计,帮助开发者快速构建、部署静态站点和无服务器应用。通过集成边缘函数能力,实现高效的内容交付和动态功能扩展,支持全球用户的快速访问。

产品架构

EdgeOne 主要为用户提供 DDoS 防护、 CC 攻击防护、Web 防护、Bot 管理、CDN 静态内容加速、动静态混合智能加速、边缘函数、四层代理、DNS 解析等丰富能力
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

什么情况下选择EO

EdgeOne 服务于金融、游戏、社交文娱、电商/新零售与传统企业(物流/票务/航空/酒店)等多个行业,主要应用于有加速需求或安全防护需求的企业网站或APP业务,解决以下问题:

业务网络问题:在跨运营商/跨地区场景下,用户客户端请求资源响应慢、丢包率高。EdgeOne 通过全球分布的边缘节点和带宽储备,为用户提供就近节点服务,将静态资源缓存在边缘节点中快速响应给用户,动态资源通过私有协议优化链路实现最佳回源路径访问,降低延迟。

业务安全问题:用户业务中可能出现大流量的 DDoS 攻击、漏洞攻击、Bot 爬虫等恶意请求。传统解决方案需要多个安全产品叠加使用,且 DDoS 防护与 CDN 产品通常无法共用。EdgeOne 提供一站式安全防护能力,通过智能安全策略和用户自定义配置的安全策略,在边缘节点即可拦截恶意请求,避免集中透传至源站防火墙处理,全面应对数字化业务中的安全挑战。

运维复杂度高:传统产品需要多个产品叠加才能实现业务的网络加速服务与安全防护可靠,通常需要运维多个产品并且配置接入复杂度高,业务排障和监控工作量大。EdgeOne 作为一站式平台,高度集成了安全和加速能力,让用户一站式解决所有网络性能问题和安全防护问题,有效简化业务的运维复杂度。

好了,说了这么多,大家对腾讯云EdgeOne 已经大概了解了吧,下面我们就开始部署我们的图书借阅系统了。

免费内测

为了让更多的企业和开发者也能体验到腾讯云EO 带来的企业网站加速和安全防护功能,腾讯云EO 官方推出了免费套餐内测活动,希望能为初创期开发者、非盈利项目、技术验证等场景给予长期扶持计划,以技术普惠的形式为大家提供从 0 到 1 的成长助力,与大家共同见证创新火花的绽放。

兑换码获取方式除了官方提供的两种方式之外,还有一种获取方式在文末说明。获取了兑换码之后,我们就可以登录我们的腾讯云 EO 控制台来对话免费EO 套餐了。控制台地址:https://console.cloud.tencent.com/edgeone/package 选择【计费管理】-【套餐管理】-【兑换套餐】
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

部署代码

由于我们是在我们的CodeBuddy IDE 开发工具完成的图书借阅系统 代码开发,而CodeBuddy IDE 支持通过配置MCP Server的方式来对项目进行操作。腾讯云EO 同样有对应的MCP Server。

EdgeOne Pages Deploy MCP

EdgeOne Pages Deploy MCP 是一项专用服务,能够将 Web 静态资源内容快速部署到 EdgeOne Pages 并生成公开访问链接。这使我们能够立即预览和分享 AI 生成的网页内容或项目构建后的产物。架构图如下
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

架构图展示了工作流程:1.大语言模型生成HTML内容2.内容发送到EdgeOne Pages MCP服务器3.MCP服务器将内容部署到EdgeOne Pages边缘函数4.内容存储在EdgeOne KV存储中以实现快速边缘访问5.MCP服务器返回一个公开URL6.用户可以通过浏览器访问部署的内容,享受快速的边缘交付

Pages MCP Server 目前支持多种配置方式,最常用就是通过在支持MCP Server 配置的应用中添加几行简单配置

{ \"mcpServers\": { \"edgeone-pages-mcp-server\": { \"command\": \"npx\", \"args\": [\"edgeone-pages-mcp\"], \"env\": { // 可选。如果将文件夹或压缩文件部署到EdgeOne Pages项目 // 请提供您的EdgeOne Pages API令牌。 // 如何获取API令牌:https://edgeone.ai/document/177158578324279296 \"EDGEONE_PAGES_API_TOKEN\": \"\", // 可选。留空以创建新的EdgeOne Pages项目。 // 提供项目名称以更新现有项目。 \"EDGEONE_PAGES_PROJECT_NAME\": \"\" } } }}

在支持可流式HTTP MCP服务器的应用中可用

{ \"mcpServers\": { \"edgeone-pages-mcp-server\": { \"url\": \"https://mcp-on-edge.edgeone.site/mcp-server\" } }}

或者也可以去MCP 广场,通过通过SSE URL连接服务
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

这里我们直接复制MCP 广场EdgeOne Pages MCP 的通过SSE URL连接服务 的配置代码放在我们的CodeBuddy IDE MCP 配置内容,就可以看到我们的EdgeOne Pages MCP 配置成功
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

既然我们的 EdgeOne Pages MCP Server 已经显示连接成功,那么我们就可以直接在AI 对话框中输入我们的要求,让Craft 直接调用MCP Server 发布我们的图书借阅系统到 腾讯云EdgeOne 平台
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

这里需要注意的是由于我之前设计图书借阅系统,开启了【Design Mode】模式,那么现在需要部署了,就不再是设计模式了,因此应该【请关闭设计模式并切换到 Craft Mode】然后再次给出部署要求
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

还有一点,这里需要选择大模型为CodeBuddy IDE 自带的大模型【Claude-3.7-Sonnet】,而不能是 GPT-5 ,这里我试过,使用GPT-5的话无法完成部署静态页面操作。

等待图书借阅系统部署成功之后,AI 响应区会返回访问地址,或者你也可以到腾讯云EdgeOne 控制台:https://console.cloud.tencent.com/edgeone/pages 选择【服务总览】-【Pages】-【项目名称】
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

点击项目名称进入到项目部署详情页面,选择【预览】即可以看到我们的图书借阅系统的默认预览地址:https://tushu-manager-88pc8iu3.edgeone.run?eo_token=925b8fbec5528b09e0d9b049116a1e46&eo_time=1754824064,需要注意的是,默认的域名链接地址提供 3 小时预览功能
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

复制预览地址到浏览器可以看到和我们本地执行时看到的一样的效果
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

此时我们就可以在腾讯云EdgeOne 控制台添加我们的二级域名来进行网站安全加速,配置完成后可以看到在【服务总览】页面看到配置的二级域名相关的请求总流量、总带宽峰值、总请求数、防护命中次数等信息,操作栏可以对站点进行【站点加速】、配置【安全防护】规则等
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

最后总结

这里我配置的域名是我部署图书借阅系统后生成的临时路径后面的二级域名,对于中小企业来说,则可以提供经过域名认证后的正经域名。部署前端页面到腾讯云EdgeOne 支持多种方式,上文提到的通过EdgeOne Pages MCP Server 部署的操作只是其中的一种,我们还可以通过“导入 Git 仓库”、“从模板开始”或“直接上传”三种方式来创建项目,可以完全适配中小企业现在的前端页面项目部署操作
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

在为域名绑定网站安全加速后,我们可以在域名配置的详情下设置具体的边缘加速、边缘安全、边缘媒体、边缘开发四大板块的具体内容
网站卡顿被攻击?EdgeOne 十分钟接入指南:安全加速一体化落地实战

从而为企业客户多样化的业务内容提供高效的加速服务,通过分布式架构为业务提供 DDoS/WAF/Bot/ 速率限制等全面的安全防护能力,为企业客户提供常态化防护,通过边缘视频即时处理,用户上传视频至 VOD 源站后,无需在源站中等待视频转码处理,即可让用户在秒级内观看到即时转码处理后的多码率视频,同时可在边缘节点内让用户完成网站 Web 页面开发,允许开发人员能够快速构建和部署静态站点和 Serverless 应用程序,简化服务部署流程和服务器管理成本,提供性能卓越的网站体验。

最后公布一下我们的福利时刻!

福利时刻

目前 EdgeOne 免费套餐仍在内测中,中国站可以通过兑换码获取免费套餐,欢迎大家关注我获取兑换码;国际站无需兑换码,可以直接参与活动领取Speed Test to Grab More EdgeOneFree Plans