用 AI 开发者空间 + DevKit,一下午做出并上线一个 2048 小游戏
起因
最近华为云开放能力搞了一个线上闯关活动:用 AI Agent 与 HuaweiCloud DevKit 做一个专属 2048 游戏,先部署到沙箱,再部署到 ECS。我之前没系统用过 AI 开发者空间,就借这个机会完整跑了一遍,把过程和踩的坑记录下来。
第一步:准备开发环境
进入 AI 开发者空间后选持久化版环境(文件保留在 /root 目录,断连 12 小时自动关机,可以省核时)。在 AI Shell 里让 AI 安装 DevKit 插件,实际执行的是两条命令:
npx --yes huaweicloud-devkit install-hcloud
npx --yes huaweicloud-devkit install --target codearts
装完跑 doctor 自检,10/10 全部 PASS,包括 KooCLI(hcloud)的凭证配置和 29 个 Skills。一个提醒:要用主账号操作,子账号(IAM 用户)在后续领取活动积分环节会有问题。
第二步:生成 2048 游戏
我对 AI 的要求是:纯单文件 HTML,CSS/JS 全部内联,不依赖 npm、Vite 或任何构建工具。AI 生成了经典规则的 2048,要点如下:
- 4×4 网格,方向键操作,同时支持移动端触摸滑动
- 相同数字合并计分,带最高分记录
- 无路可走时判定 Game Over,可一键重开
文件只有 7KB 左右,打开确认玩法没问题后进入部署环节。
第三步:沙箱部署 + 公网访问
部署思路是把 index.html 放进 DevKit 沙箱,在沙箱内起一个静态服务,再用 DevBridge 隧道把端口映射到公网:
- 沙箱内启动 HTTP 服务(Python 自带的 http.server 就够用),监听 8080 端口
- 创建 DevBridge 隧道,得到一个以 8080 端口结尾的专属公网地址
- 用 curl -sI 验证返回 200 OK,且 Content-Length 与文件大小一致,说明链路通了
我的作品体验地址就是上面这条隧道分配的公网地址(隧道地址有时效,过期后需要重建)。
这种方式不用买公网 IP、不用开安全组入站端口,作品就能被任何人打开,手机扫码也能玩。
踩坑记录
- 资源紧张提示:活动页提示“当前资源紧张,建议明天再试”,我这次环境一次就开机成功了;如果遇到开机失败,可以删除环境换个规格重建。
- 提交接口的请求头:通过活动技能提交成果时,接口要求带 X-HW-PROJECT-ID 和 X-HW-REGION,少了会直接返回 400。Project ID 可以用 hcloud IAM KeystoneListProjects 查到(区域 cn-north-4)。
- 活动开放时间:提交接口一度返回“活动不存在或已结束”,活动代码对应 10 月 24 日程序员节,太早提交会吃闭门羹。建议先把作品和隧道准备好,等活动正式开放再提交。
小结
整个过程我基本只写了三段提示词:装插件、生成游戏、部署提交。AI 开发者空间 + DevKit 这套组合对“把想法快速上线”很友好:环境开箱即用、沙箱隔离、隧道免公网 IP 出网。下一步打算把游戏部署到 ECS 做持久化托管,再对比一下沙箱部署和 ECS 部署两种方式的差异。
- 点赞
- 收藏
- 关注作者
评论(0)