用 AI 开发者空间 + DevKit,一下午做出并上线一个 2048 小游戏

举报
yd_49973474 发表于 2026/10/22 15:16:08 2026/10/22
【摘要】 参加华为云开放能力闯关活动的完整实践记录:在 AI 开发者空间持久化版环境中安装 HuaweiCloud DevKit 插件,让 AI 生成单文件 2048 游戏,再部署到 DevKit 沙箱并通过 DevBridge 隧道获得公网访问地址,附资源、请求头与活动时间三个踩坑点。

起因

最近华为云开放能力搞了一个线上闯关活动:用 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 隧道把端口映射到公网:

  1. 沙箱内启动 HTTP 服务(Python 自带的 http.server 就够用),监听 8080 端口
  2. 创建 DevBridge 隧道,得到一个以 8080 端口结尾的专属公网地址
  3. 用 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 部署两种方式的差异。

【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0)

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。