中国区友好的免费全栈部署平台，AI编程绝配

原创于 2025-09-29 12:03:44 发布 · 1.3k 阅读

21 ·

CC 4.0 BY-SA版权

文章标签：

#AI编程

视频版：

赛博善人出新品！中国区友好的免费全栈部署平台，AI编程绝配

AI能够帮我们写代码，但是不会买服务器部署应用。很多时候，写完代码只是第一步。上线一个完整应用，还需要搞定域名、SSL证书、安全防护、CDN加速、监控告警等一堆麻烦的事情。

本期视频带来一个超级简单又免费的部署方案：腾讯云EdgeOne Pages。开发者只管写代码，EdgeOne Pages就能自动搞定构建、部署、运维的完整流程。

EdgeOne Pages是一个专为开发者打造的边缘全栈开发部署平台，支持部署前后端的全栈应用、Serverless API，EdgeOne还提供免费的CDN和安全防护功能。

我准备先把最近做的两个AI编程项目，使用EdgeOne Pages一键发布上线。这两个项目分别使用了Next.js框架和Express后台框架，来测试一下EdgeOne Pages对于全栈项目的支持。然后我再使用AI编程工具Claude Code，从零开发一个带用户登录、后端数据库与支付功能的真实场景的业务网站，借助EdgeOne Pages MPC的能力，使用AI把开发的网站全自动发布上线。

要说AI最喜欢用的编程语言，那必须是Node.js。Node.js语法比较简单，npm包生态极其丰富，可以同时做前后端开发，降低开发和维护成本。EdgeOne Pages完整兼容Node.js，原生支持所有Node.js API以及npm包，对Next.js框架进行了深度适配。这跟AI编程简直是绝配。

Next.js 框架

我前段时间用AI做了一个你画我猜的游戏网站，开发框架选用了Next.js 15。项目在后台调用Gemini API完成图形的猜测，如果猜测的结果跟题目一致，就会加分。我们先把这个项目用EdgeOne Pages部署下。

你画我猜的游戏源代码地址： https://github.com/tech-shrimp/ai-drawing-game

在VScode里面找到Source Control，点击Publish按钮，给项目起个名字，然后点击Publish to GitHub，把代码上传到GitHub上面。

然后我们来到腾讯云EdgeOne的首页 https://edgeone.ai/

没有账号的话可以先注册一个，通过邮箱就可以注册。注册完成以后进入控制台，找到通过Pages快速部署网站，这里选择导入Git仓库。EdgeOne提供了多种Git仓库可以选择，这里我点击Github。然后我们登录并且授权一下，选到我们刚才上传到Github上面的项目。

如果您有备案域名的话，加速区域可以选择全球可用区(含中国大陆)；没有备案域名的话，可以选择全球可用区（不含中国大陆）。接下来我们填写环境变量，我的这个程序只需要填写一个Gemini的API密钥，我把它复制一下，填写过来。点击开始部署。

等待了大约2分钟左右就部署完成了。我们回到项目概览，这里已经为我们分配了一个免费域名，点击这个域名就可以直接开始使用了。

点击开始游戏，画一把雨伞，然后让AI猜结果。结果猜对就可以加10分，还是挺有意思的。

EdgeOne Pages对Next.js框架有着深度的适配优化。上线一个Next.js项目就两个步骤：1. 上传到Github仓库；2. 配置环境变量。其他的都可以交给EdgeOne Pages自动完成部署上线，就像提交代码一样的简单。项目通过EdgeOne Pages部署上线以后，还能零成本享受全球CDN加速与安全防护。这也是EdgeOne Pages的一个很大特色，因为大部分部署产品只能干部署，而EdgeOne Pages不仅能够免费部署上线，还能提供免费的CDN和安全防护，非常实用了，可以说。

CDN也就是内容分发网络，通过遍布全球的CDN节点，缓存网站的静态资源，比如JS、CSS、图像和视频等。每当网站的访客请求这些数据的时候，就可以直接从地理位置最近的CDN节点读取，加快网站的加载速度。

我们来测试下新部署的网站在CDN的加持下的加载速度有多快。首先我们给网站配置一个自定义域名。我们来到项目设置-->域名管理，添加自定义域名

这里我填写一个自己的子域名，点击下一步。这里会生成一个CNAME，我们来到域名的购买网站，找到DNS记录类型选择CNAME，名称eo，目标填写EdgeOne提供的这一串，填写过来保存。

回到EdgeOne，点击验证，这里显示验证成功。这里打上两个对勾就配置完成了。我们点击自己的域名，也能访问到我们的网站了。

我使用Cloudflare Pages也部署了同样的网站，我们来对比一下它们的速度。我们先看Cloudflare：Cloudflare的平均访问时间在0.83秒。

Cloudflare的服务节点都位于海外，所以延迟较高。我们再来试一下EdgeOne Pages：EdgeOne的平均响应时间在0.197秒。EdgeOne有覆盖全球的边缘节点，而且提供了中国大陆境内的节点，访问速度远超海外同类产品Cloudflare Pages。

Express框架

除了Next.js框架，EdgeOne Pages还支持Express后台框架的部署。这是我前段时间做的一个宠物商店预约洗护的网站，这个项目有完整的前后台功能，前台使用React.js框架，后台是Express，并且接入了PostgreSQL数据库Neon。

这里我根据EdgeOne Pages的文档，主要把我的后台改造一下，从原生的Node.js Express应用，改造成平台支持的Node Functions。我们根据文档里面的路由方式来调整一下。我们先把根目录的文件夹从server重命名成node-functions，在里面新建一个文件夹叫做api，把我的后台文件挪到api里面，然后给它重命名一下，在文件名的前后打两个方括号。

从：

改造成

接在node-functions里面，文件夹的层级结构代替了代码里的路由配置，因为文件夹的层级结构里面已经有了api了，这里我批量替换一下，把所有的api全部替换掉。这样所有的代码修改就完成了。

从 app.get('/api/packages'）改成 app.get('/packages'）

我们把它部署到EdgeOne Pages上面。这次我准备选择另外一种：直接上传项目资源文件的方式进行部署。

我们来到项目源代码的文件夹，把代码选中一下。注意，不要把这个比黑洞还重的node_modules文件夹打包进去。右键压缩到ZIP文件。

我们回到EdgeOne，创建项目，直接上传，给项目起个名字，然后把压缩包拖拽进来，点击开始部署。.

来到项目设置--->环境变量，点击添加环境变量。我来到项目的.env文件，这里面有数据库的连接地址、账号名密码。我把这些环境变量整个复制一下，来到EdgeOne，这里粘贴过来，确定。

填写完环境变量，我们回到新建部署，把压缩包拖拽进来，再部署一次。部署成功了，我们打开看一下。这样一个完整的带前端网页，加数据库后台功能的宠物洗护类的业务网站就发布上线了。我们来测试一下：选择一个套餐，在下面选择一个预约时间，右边填写预约信息，点击确认。我们在Neon的数据库里面就可以看到对应的预约信息。

AI + MCP一键部署

我们再上点难度，从0开始制作一个从用户注册、登录到下单预定，最后支付的端到端的业务网站，然后把它部署上线。我准备把网站对接到Supabase，实现用户注册登录与数据库的功能；对接到Stripe实现支付功能。这是一个真实可以赚钱的业务网站。

这次我使用EdgeOne MCP工具加AI，把它部署上线。这次我使用的AI编程工具是Claude Code。我的提示词是: 使用Next.js 15框架，制作一个旅行社套餐服务的销售网站。用户可以注册并且登录网站，使用Stripe下单购买服务，把用户与订单信息存入Supabase数据库。只需要登录、注册、购买三个页面。开发过程就略过不看了。我们直接看最后怎么部署。