用华为云 AI 开发者空间部署并发布 2048 小游戏:从代码到展览馆的完整实践
今天在华为云 AI 开发者空间里,把一个 2048 小游戏从开发、部署一路做到发布进开发者作品展览馆,完整走通了一遍。把过程和踩坑点记录下来,供同样想发布作品的朋友参考。
一、在 AI 开发者空间编写代码
通过 AI 办公实践中心的任务入口进入 AI 开发者空间(体验版容器),在 /root/workspace/2048 目录下创建 index.html。整个游戏只用一个 HTML 文件实现(约 8.4KB),要点如下:
- 4×4 棋盘,支持方向键 / WASD / 触屏滑动操作;
- 分数与最高分实时显示,最高分经 localStorage 持久化;
- 纯原生 HTML+CSS+JavaScript,零依赖,开箱即玩。
在容器内用 python3 -m http.server 8080 启动静态服务,通过预览地址验证游戏可正常游玩后再往下走。
二、GitCode 建仓并推送代码
在 GitCode 新建公开仓库 hupan0210/2048-game,把 index.html 和 README.md 推送到 main 分支。代码仓库地址是发布作品时的必需信息,建议提前准备好。
三、发布到开发者作品展览馆
使用官方的作品发布 Skill(huawei-cloud-publish-work-to-gallery),流程是自动化的:
- 生成 STS 临时凭证完成身份验证;
- 通过 DevBridge 隧道把本地 8080 服务暴露为公网可访问的体验地址;
- 自动生成作品封面图;
- 编写作品详情文章并打包,提交门禁检查;
- 选择投稿活动,提交发布。
发布成功后返回作品 ID:0069d48f22c00000,作品页地址:https://gallery.developer.huaweicloud.com/gallery/0069d48f22c00000
四、踩坑记录
1. 素材站证书问题。原计划直接用已上线的素材站 https://2048.sfbsh.cn,结果在浏览器里报证书错误打不开。改成在 AI 开发者空间容器内重新生成作品文件,反而更可控。
2. GitCode 授权链接过期。发布 Skill 生成的 OAuth 授权链接短时有效,第一次点击时已经过期。重新生成一条新链接后,第一时间完成登录加授权同意,一次通过。
3. 发布门禁检查。详情介绍包有最小体积要求(1KB),第一版详情包只有几百字节被门禁拒绝。把详情文章扩充到玩法说明、技术实现、本地运行、代码结构、设计思路几个小节后重新打包,一次通过。
五、总结
AI 开发者空间的体验版容器足够支撑这类静态作品的开发和验证,配合 DevBridge 隧道可以零成本拿到公网可访问的体验地址,不需要买服务器和公网 IP。发布 Skill 把封面生成、门禁检查、活动选择这些环节都自动化了,人工要做的就是三件事:选对作品目录、完成 GitCode 授权、确认投稿活动。希望这篇记录对大家有帮助。
- 点赞
- 收藏
- 关注作者
评论(0)