开发者实践｜动动嘴皮子就能建站部署？用 Agent + 阿里云ESA Skills 五分钟搞定网页

阿里云ESA

AI Agent 结合 ESA 的体验到底有多丝滑？最近，我们在社区收到了一篇来自开发者 @苏苏 的投稿。她利用 Agent 和社区开源的ESA Skill，以极低的门槛，全程通过自然语言对话完成了一个网页的开发、部署到ESA以及自定义域名绑定。
今天，我们就跟随这位开发者的视角，看看她是如何“只动嘴皮子”，实现建站、部署到数据监测的全流程自动化的👇



（以下为转载的开发者的公众号文章内容，已授权）

前言
作为一名沉迷 Vibe Coding 的程序员，最近我尝试用 阿里云 ESA 结合 Skill，走通了一个非常顺畅的建站流程。
起因是上周末我朋友过生日，我想为她制作一个专属的生日祝福网页。如果走常规的购买服务器、传代码、配解析流程比较繁琐，而阿里云 ESA 刚好具备 DNS 解析、加速、部署网站的全套服务。所以这次我决定尝试一种新做法：通过 Skill 让 Agent 全程帮我写代码并部署到阿里云 ESA。在这里和大家分享一下我的实战过程。
（PS：我提前买好了一个 xxxxx.top 的自定义域名，以下所使用的 Agent 工具是 QoderWork，你也可以使用 ClaudeCode、Cursor 和龙虾等等）


Step 1：让 QoderWork 开发网页
第一步是准备前端代码。我直接向 QoderWork 提出了需求：开发一个祝福朋友生日快乐的网页，并给出预览链接。

QoderWork 很快写完了带有动画效果的前端代码。我在本地简单预览了一下，动画流畅，视觉效果也还不错。

Step 2：寻找部署方案与安装 ESA Skill
代码准备好了，接下来需要找个地方托管。阿里云 ESA Pages 很适合部署静态页面。
原本我打算去阿里云控制台手动创建项目，但在网上一搜，发现有开发者开源了一个社区版的 ESA Skill。想着既然已经在用 AI 了，不如直接试试 Agent 帮我完成部署。
于是我把这个 Skill 的配置链接发给 QoderWork 完成加载，并给了我的 AKSK（体验完后可禁用）。
链接：https://skills.sh/cinience/alicloud-skills/alicloud-network-esa

接着，我让 QoderWork 把刚才的网页代码直接部署到 Pages上，它拿到授权后迅速执行。很快，它就在对话框里返回了一个由 ESA Pages 自动生成的预览链接，在ESA控制台也可以看到站点了。大功告成！这个链接已经可以发给我的朋友看了。

Step 3：添加站点与 DNS 激活
虽然 ESA 已经给了我预览链接，但我还是想换成我自己的域名访问，于是我让 QoderWork 帮我把提前准备好的域名添加到 ESA 站点中，并去阿里云 DNS 添加一条 TXT 记录激活了站点。

指令完成后，在控制台上可以看到站点被成功激活了。

Step 4：为 Pages 绑定自定义子域名
主域名接入后，接下来就是让 QoderWork 把特定的子域名 birthday.xxxx.top 绑定到刚才部署好的 Pages 项目上，并在阿里云 DNS 中添加 CNAME。

待 QoderWork 操作完毕，就可以在控制台看到被自动创建的 CNAME 记录以及绑定在 Pages 项目上的子域名了。

Step 5：访问验证
等待 DNS 解析生效后，我在浏览器中输入 birthday.xxxxx.top。网页瞬间加载完成，满屏飘落的彩带动画顺利呈现，整体的访问体验非常丝滑。

抛去 QoderWork 执行生成的时间，整个过程不到 5 分钟。从写代码到边缘部署，再到站点管理，全程都在对话框里指挥 QoderWork 自动完成，完全不需要在控制台手动操作。


进阶玩法：给龙虾装上Skill，自动推送站点日报
网站上线只是第一步，后续的流量监控我也想交给 AI 来做，最近各种 XXXClaw 特别火，我也在自己的设备上养了一只龙虾。既然这个非官方的 Skill 这么好用，我索性给龙虾也装上了这个技能包，让它变成我的站点运维小助理。
连接好钉钉/飞书后，可以直接给龙虾下达定时任务：“每天早上 9 点，拉取我名下 xxxxx.com 的前一日流量、请求数、流量峰值和趋势等信息，整理成一份清晰的日报发给我。”
配置完成后试运行了一下，数据指标梳理得很清晰，甚至还能指出流量的峰值时段。

有了这个Skill，不仅建站不需要进控制台，连后续的运维巡检都实现了真正的全自动。

写在最后
需要特别说明的是，我这次使用的 ESA Skill 是社区开发者开源的非官方版。在这里我也十分期待阿里云 ESA 官方能在未来推出原生的 Skill，相信官方的底层支持会带来更加丰富和稳定的自动化运维体验。如果你平时也喜欢折腾 AI 效率工具，不妨亲自去试一试。

进入非官方版 Skills 页面