用 AI Agent 一键部署 2048 小游戏到华为云的完整实录

前言

最近体验了一把"用 AI Agent 全自动部署 Web 应用"的完整流程：从一句自然语言需求出发，到生成 2048 小游戏、部署到华为云、拿到公网访问地址、提交到开发者闯关活动、发布到作品展览馆——全程不到半小时，代码仓库、封面图、架构图、详情文档一应俱全。本文记录整个过程的关键技术点，供想尝试 AI Agent 云上部署的开发者参考。

一、环境准备：DevKit 一条命令搞定

在 CodeArts Agent（华为云码道）环境里，先安装 HuaweiCloud DevKit 插件：

npx --yes huaweicloud-devkit install --target codearts

这一步会给 Agent 注入三样东西：

• 云知识：20+ 常用华为云服务的分步操作指南（ECS、OBS、VPC、RDS 等）
• CLI 工具：KooCLI（hcloud）自动安装与凭证同步
• 安全护栏：写操作需用户确认、凭证自动脱敏、执行前风险检查

再配置统一凭证（AK/SK 同步到 KooCLI、OBS、沙箱 API）：

npx --yes huaweicloud-devkit auth init

二、生成 2048：纯单文件 HTML

给 Agent 的需求很明确：纯单文件 HTML（CSS/JS 全部内联）、4×4 网格、方向键操作、合并得分、游戏结束判定、PC 和移动端自适应。

生成的 index.html 约 12KB，技术要点：

• 布局：CSS Grid 画背景格，瓦片用绝对定位 + translate，layout() 按棋盘实际宽度动态计算坐标，天然响应式
• 移动算法：四方向统一抽象为"垂直/水平 × 正序/逆序"的组合遍历，一次遍历完成抽取、合并、回填
• 输入：PC 监听 keydown（方向键 + WASD），移动端 touchstart/touchend 计算滑动向量，24px 阈值防误触
• 持久化：localStorage 存最高分

三、部署：本地服务 + DevBridge 隧道

这次没有用 ECS，而是走了更轻量的方案：本地起静态服务 + DevBridge 隧道暴露公网。

cd /workspace/2048
python3 -m http.server 8080 --bind 127.0.0.1
# DevBridge 隧道
devbridge host -p 8080 -e 8

几秒钟后拿到形如 https://xxxx-8080.devbridge-s2.hwtunnel.com 的公网地址，curl 验证返回 200：

curl -sI https://xxxx-8080.devbridge-s2.hwtunnel.com
HTTP/1.1 200 OK

手机浏览器扫码即可直接游玩——HTTPS 公网地址，无需任何服务器。

四、作品沉淀：GitCode 仓库 + 展览馆发布

部署完成后，Agent 还自动完成了作品沉淀：

1. 初始化 git 仓库并推送到 GitCode（代码 + README + 架构图）
2. 生成封面图（Playwright 截图 + 合成，自动过字形校验防乱码）
3. 打包详情 zip（README + 系统架构图）
4. 调用作品展览馆 API 发布，拿到作品主页与成长积分

整个发布流程里比较有工程感的细节：STS 临时凭证（SELF_VERIFY 自委托）替代永久 AK/SK 上传、发布参数经临时 JSON 文件传递不经命令行、Idempotency-Key 防重复提交。

五、一些踩坑记录

• node:sqlite 实验特性：Node 22 里需要 --experimental-sqlite 标志，MCP 启动参数要手动补上
• 沙箱资源售罄：cn-north-4 的 SATA 云盘曾全线售罄导致沙箱建不出来，DevBridge 本地隧道是很好的 Plan B
• DevBridge 认证：发布版构建只支持 API Key 认证，在 DevStation 控制台创建一次长期可用
• 镜像源：国内环境 npm 记得切华为云镜像，GitCode 仓库比 GitHub 快得多

写在最后

AI Agent 做云上部署已经不只是 Demo 级体验了：需求理解、代码生成、环境自愈、风险拦截、凭证安全、产物沉淀，全链路都有工程化的护栏。对开发者来说，价值在于把重复的部署运维工作压缩成一句自然语言；对平台来说，DevKit 这类插件让 AI 既能干活又不出格。

感兴趣的可以试试：装好 DevKit 后，对你的 Agent 说"帮我部署一个 2048 小游戏到公网"就够了。