用华为云 AI 开发者空间与 DevBridge 部署 2048

背景

最近参加了华为云开放能力线上闯关活动，任务是用 AI Agent 和 HuaweiCloud DevKit，把一个单文件 2048 游戏从沙箱部署到 ECS。整个流程跑下来踩了几个坑，记录一下可复用的步骤。

1. 环境准备

• Node.js >= 22
• HuaweiCloud DevKit / KooCLI
• 华为云主账号（已完成实名认证，余额 >= 1 元）
• AK/SK

安装与验证：

npx --yes huaweicloud-devkit install-hcloud
npx --yes huaweicloud-devkit auth init
npx --yes huaweicloud-devkit doctor

doctor 输出全部通过后重启 Agent 会话，MCP 工具才会生效。

2. 生成单文件 2048

让 Agent 生成一个纯单文件 index.html：CSS/JS 全部内联，不依赖 npm、Vite 或任何构建工具；包含 4x4 网格、方向键和触摸滑动、合并计分、Game Over 判定。

3. 沙箱部署

用 DevBridge 把本地 HTTP 服务暴露到公网：

python3 -m http.server 8080
devbridge create activity-2048 -d "2048game" -e 24
devbridge port create <tunnel-id> -a -p 8080 --protocol http
devbridge host <tunnel-id> -k <api-key>

拿到 https://xxx.devbridge-s2.hwtunnel.com 后，用 curl -sI 验证返回 200。首次用浏览器访问会出现安全警告页，点击继续即可。

4. ECS 持久化部署

在 cn-north-4 创建 VPC、子网、安全组、EIP 和 1 核 2G ECS，用 cloud-init 安装 Nginx 并写入 index.html。几个关键点：

• 子网必须补华为云 DNS：100.125.1.250、100.125.129.250，否则实例内 dnf 无法解析域名；
• 安全组放通 80 端口；
• user_data 需要 base64 编码后传给 ECS API；
• 用 curl -sI http://<EIP>/hc-activity/index.html 验证返回 200。

5. 踩坑记录

• 持久化版 AI 开发者空间曾提示“当前规格暂无可用算力资源”，最后改用体验版完成；
• 成长中心的 CSRF token 会变化，需要从 /api/get-ainfo 重新获取，而不是一直用 Cookie 里的旧值；
• 高面额代金券库存很少，兑换要趁早；
• 活动提交的 ECS 地址必须包含 index.html。

6. 收尾

提交作品后及时释放 ECS、EIP、VPC 等按量计费资源，避免持续扣费。整个流程从环境准备到 ECS 上线大约一小时，适合作为云上部署的入门实践。