开发者实践｜动动嘴皮子就能建站部署？用 Agent + 阿里云ESA Skills 五分钟搞定网页
本帖最后由 阿里云ESA 于 2026-3-24 14:49 编辑AI Agent 结合 ESA 的体验到底有多丝滑？最近，我们在社区收到了一篇来自开发者 @苏苏 的投稿。她利用 Agent 和社区开源的ESA Skill，以极低的门槛，全程通过自然语言对话完成了一个网页的开发、部署到ESA以及自定义域名绑定。
今天，我们就跟随这位开发者的视角，看看她是如何“只动嘴皮子”，实现建站、部署到数据监测的全流程自动化的👇
static/image/hrline/1.gif
（以下为转载的开发者的公众号文章内容，已授权）
前言
作为一名沉迷 Vibe Coding 的程序员，最近我尝试用 阿里云 ESA 结合 Skill，走通了一个非常顺畅的建站流程。
起因是上周末我朋友过生日，我想为她制作一个专属的生日祝福网页。如果走常规的购买服务器、传代码、配解析流程比较繁琐，而阿里云 ESA 刚好具备 DNS 解析、加速、部署网站的全套服务。所以这次我决定尝试一种新做法：通过 Skill 让 Agent 全程帮我写代码并部署到阿里云 ESA。在这里和大家分享一下我的实战过程。
（PS：我提前买好了一个 xxxxx.top 的自定义域名，以下所使用的 Agent 工具是 QoderWork，你也可以使用 ClaudeCode、Cursor 和龙虾等等）
Step 1：让 QoderWork 开发网页
第一步是准备前端代码。我直接向 QoderWork 提出了需求：开发一个祝福朋友生日快乐的网页，并给出预览链接。
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd5304f5b48c4bf5da81dd382ae0c5377900ac6a4d4af553735c580b172ccffc128bb7af8967937d49e7cc4fb4c8ed7016461c?tmpCode=8ecc4a1f-e6d4-40ac-bab1-3dfb7258f221QoderWork 很快写完了带有动画效果的前端代码。我在本地简单预览了一下，动画流畅，视觉效果也还不错。
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd530470b8c3becb10f0dcc66d5f3f7e25a4b06e1f29f529d5d94f3b3704a046c9f3e4811ace2e92e476074fb4c8ed7016461c?tmpCode=88ba2742-1b20-4ebe-b1dc-f7482733d6b7
Step 2：寻找部署方案与安装 ESA Skill
代码准备好了，接下来需要找个地方托管。阿里云 ESA Pages 很适合部署静态页面。
原本我打算去阿里云控制台手动创建项目，但在网上一搜，发现有开发者开源了一个社区版的 ESA Skill。想着既然已经在用 AI 了，不如直接试试 Agent 帮我完成部署。
于是我把这个 Skill 的配置链接发给 QoderWork 完成加载，并给了我的 AKSK（体验完后可禁用）。
链接：https://skills.sh/cinience/alicloud-skills/alicloud-network-esa
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd53042469ad569b192c99dccd9eb54c6e008f30acdc47e3d7e8eb027df21b0549f425cc21a38703364f6e4fb4c8ed7016461c?tmpCode=efd703cf-a5bb-4b52-a56d-c69d9f3972c7
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd5304495b3a5a8f8d48ce8953c530dc1e5b5fded5f58eeef2c602d5659cc79b10b4ddabca89f082605ed44fb4c8ed7016461c?tmpCode=889268fc-e0b3-47c4-9392-ad3fc012118e接着，我让 QoderWork 把刚才的网页代码直接部署到 Pages上，它拿到授权后迅速执行。很快，它就在对话框里返回了一个由 ESA Pages 自动生成的预览链接，在ESA控制台也可以看到站点了。大功告成！这个链接已经可以发给我的朋友看了。
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd53048ec31aafdcf815d8d643485f659fa9111244ac11deaadb898b4d2fdac870c478b5f14aa1390b8fdf4fb4c8ed7016461c?tmpCode=733f2d7a-63c1-4912-aa50-b7e2ca48cecdhttps://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd5304b059ba9f765284a3c9b5dc716bfd42a5a742f0f09e54dfda561197df02e598772c35cf23d0c6ddfe4fb4c8ed7016461c?tmpCode=1cdc6d48-f9c9-4d05-9760-9d5f7a6bf6f0
Step 3：添加站点与 DNS 激活
虽然 ESA 已经给了我预览链接，但我还是想换成我自己的域名访问，于是我让 QoderWork 帮我把提前准备好的域名添加到 ESA 站点中，并去阿里云 DNS 添加一条 TXT 记录激活了站点。
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd5304afea9fae1dc65314d940b813cb9227aa389a383aeac32e11dda3f3cbb84de1b5e627e3564a91ff534fb4c8ed7016461c?tmpCode=01df6ce0-b04b-44c9-949b-818359ade15ehttps://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd530433fa6c21a027c474928f0319caddb676193e8ec957cd3e0de7664568d051d2a8d4adb414c4a43a094fb4c8ed7016461c?tmpCode=14cf84aa-9299-4ed3-b533-77beaeb30b0f指令完成后，在控制台上可以看到站点被成功激活了。
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd53047a51cfc89870dfe3d7cb2217822fe3a129386a781311c6c2ea3d68deda0e2c796a6fcdede4c9db0e4fb4c8ed7016461c?tmpCode=bf7c64d0-3441-4123-8c79-bf5bdd8abfaf
Step 4：为 Pages 绑定自定义子域名
主域名接入后，接下来就是让 QoderWork 把特定的子域名 birthday.xxxx.top 绑定到刚才部署好的 Pages 项目上，并在阿里云 DNS 中添加 CNAME。
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd530487e288b844fc01ac6e18eb9bd086373793467c3796acbefadb586d294a8d04293ea21d1ac61b67794fb4c8ed7016461c?tmpCode=f558f23a-f4b7-4a57-a483-33baf46c3859待 QoderWork 操作完毕，就可以在控制台看到被自动创建的 CNAME 记录以及绑定在 Pages 项目上的子域名了。
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd5304c0cd90d9412bb87251b408993c457d658c1889da88c369708d11beedb5199d96df72401cb9d700494fb4c8ed7016461c?tmpCode=aa725634-45f9-4a70-81d0-2d5d8f082946https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd5304cd3615d0580da90bccc035541518eb61759f5c9a1939119b69206f3a483d649439f8d37bd88654e94fb4c8ed7016461c?tmpCode=683cb6a0-e2b8-4963-b94d-c2fcdc5a6677
Step 5：访问验证
等待 DNS 解析生效后，我在浏览器中输入 birthday.xxxxx.top。网页瞬间加载完成，满屏飘落的彩带动画顺利呈现，整体的访问体验非常丝滑。
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd53046254970c76243c662e4d053fc1a32dae7120326b09a8e56bbe904c837a9560df08800141309c1d3e4fb4c8ed7016461c?tmpCode=39c22ae5-d584-4524-b75f-2b54856f0ed4
抛去 QoderWork 执行生成的时间，整个过程不到 5 分钟。从写代码到边缘部署，再到站点管理，全程都在对话框里指挥 QoderWork 自动完成，完全不需要在控制台手动操作。
进阶玩法：给龙虾装上Skill，自动推送站点日报
网站上线只是第一步，后续的流量监控我也想交给 AI 来做，最近各种 XXXClaw 特别火，我也在自己的设备上养了一只龙虾。既然这个非官方的 Skill 这么好用，我索性给龙虾也装上了这个技能包，让它变成我的站点运维小助理。
连接好钉钉/飞书后，可以直接给龙虾下达定时任务：“每天早上 9 点，拉取我名下 xxxxx.com 的前一日流量、请求数、流量峰值和趋势等信息，整理成一份清晰的日报发给我。”
配置完成后试运行了一下，数据指标梳理得很清晰，甚至还能指出流量的峰值时段。
https://alidocs.dingtalk.com/core/api/resources/img/5eecdaf48460cde5d8a33d2ad0ea949ac7fc3f8764db0dec75b8339e1c4c24831b75b38faadcd24bec177c308ebd5304fd1bda3694719809abc5da90e03481860e2e8364f8d8d7f6175e80b163fa176310517002f798f9e94fb4c8ed7016461c?tmpCode=5fe0e693-51d3-45e9-98fc-e156374e7268有了这个Skill，不仅建站不需要进控制台，连后续的运维巡检都实现了真正的全自动。
写在最后
需要特别说明的是，我这次使用的 ESA Skill 是社区开发者开源的非官方版。在这里我也十分期待阿里云 ESA 官方能在未来推出原生的 Skill，相信官方的底层支持会带来更加丰富和稳定的自动化运维体验。如果你平时也喜欢折腾 AI 效率工具，不妨亲自去试一试。
进入非官方版 Skills 页面
页:
[1]