用 AI 自动部署 2048 小游戏到华为云:从零到上线的全记录

举报
yd_220371482 发表于 2026/10/23 08:41:34 2026/10/23
【摘要】 用 AI 自动部署 2048 小游戏到华为云:从零到上线的全记录当 AI 不仅能写代码,还能帮你配置云服务器、部署应用、提交成果——开发者的工作方式正在被重新定义。前言2048,这个曾经让无数人"再玩一局就睡觉"的数字合并游戏,如今成了我体验 AI 辅助云部署的绝佳载体。本文记录了我用 AI Agent 完成从游戏开发、云服务器部署到成果提交的全过程——全程没有手动登录控制台,没有手写部署脚...

用 AI 自动部署 2048 小游戏到华为云:从零到上线的全记录

当 AI 不仅能写代码,还能帮你配置云服务器、部署应用、提交成果——开发者的工作方式正在被重新定义。

前言

2048,这个曾经让无数人"再玩一局就睡觉"的数字合并游戏,如今成了我体验 AI 辅助云部署的绝佳载体。本文记录了我用 AI Agent 完成从游戏开发、云服务器部署到成果提交的全过程——全程没有手动登录控制台,没有手写部署脚本,甚至没有自己敲过一行 Terraform。

一、让 AI 写一个 2048 游戏

第一步最简单:告诉 AI"帮我写一个 2048 游戏,单文件 HTML,支持手机触摸和键盘操作"。

几秒后,一个 199 行的 index.html 就出现在工作目录里。核心逻辑并不复杂:

// 核心合并逻辑
function move(direction) {
    // 1. 根据方向旋转矩阵
    // 2. 逐行向左合并相同数字
    // 3. 旋转回来
    // 4. 随机生成新数字(2或4)
    // 5. 检查是否游戏结束
}

但让我印象深刻的是 AI 对细节的把控:

  • 触摸滑动:记录 touchstart/touchend 坐标差,判断滑动方向
  • 自适应布局:CSS @media 查询自动切换 PC 和移动端尺寸
  • 分数持久化:用 localStorage 保存最高分,刷新不丢

单文件、零依赖、开箱即用——这就是 AI 生成代码的典型风格:不过度工程化,够用就好。

二、部署到华为云 ECS

这才是有意思的部分。我对 AI 说"帮我把这个游戏部署到华为云",然后它开始了一系列让我惊讶的操作:

1. 检查现有资源

AI 没有急着创建新服务器,而是先查询了现有 ECS 实例:

hcloud ECS NovaListServers --cli-region=cn-north-4

发现有一台之前创建的 hc2048-ecs 实例(s6.medium.2,1核2G),EIP 地址 139.9.137.49,上面已经装了 Nginx。AI 判断可以复用,省去了新建资源的费用和时间。

💡 教训:AI 的资源意识比人强。人往往习惯"从头建",AI 会先看有什么能复用的。

2. 配置 Nginx

通过 cloud-init user_data 一次性完成:

  • 设置 root 密码
  • 安装 Nginx
  • 将 index.html 写入 /usr/share/nginx/html/hc-activity/
  • 启动 Nginx

3. 验证部署

AI 自动轮询等待 ECS 状态变为 ACTIVE,然后:

curl -sI 
# HTTP/1.1 200 OK

游戏上线了!整个过程我只需要在关键节点说一句"确认"。

三、沙箱部署:DevBridge 隧道

除了 ECS 持久化部署,AI 还帮我做了沙箱部署——这是华为云开发者平台的临时预览能力:

  1. 连接沙箱环境
  2. 上传 HTML 文件到沙箱
  3. 安装 Nginx 并启动
  4. 开启 DevBridge 隧道,获得公网 URL

最终拿到一个临时公网地址:

不需要买服务器、不需要配域名、不需要备案——72 小时有效,足够做演示和提交成果。

四、自动提交成果到活动平台

最让我震撼的一步:AI 直接调用华为云开放能力 API,把部署成果提交到闯关挑战活动平台。

# AI 自动构造的 API 调用
POST /api/v1/hdopenservice/agent/submit-activity-work
Headers:
  X-HW-AK: <AK>
  X-HW-SK: <SK>
  X-HW-PROJECT-ID: <project-id>
Body:
  activity_code: "open-capability-2026-1024"
  milestone: "beginner"  # 沙箱部署

两步里程碑分别提交:

  • 沙箱部署(beginner):+1000 积分
  • ECS 部署(intermediate):+2000 积分

API 返回 allCompleted: true,闯关完成。

五、发布到开发者作品展览馆

AI 还帮我完成了作品展览馆的发布:

  1. GitCode 授权:启动 OAuth 流程,我扫码确认即可
  2. 创建仓库:自动在 GitCode 创建仓库并推送代码
  3. IAM 委托:创建 SELF_VERIFY 自委托,生成 STS 临时凭证
  4. 生成封面:用 Playwright 对运行中的游戏截图,自动合成封面图
  5. 打包详情:生成架构图 + README 打包成 zip
  6. 发布:调用展览馆 API 上传封面和详情包

最终作品发布到展览馆,又获得 +200 积分。

六、整个过程我做了什么?

回顾全程,我实际做的操作只有:

我做的事 AI 做的事
提出需求"帮我部署2048" 写游戏代码
说"确认" × 3次 查询资源、部署ECS、配置Nginx
扫码授权 GitCode 创建仓库、推送代码、生成封面、发布作品

我没有做的事:登录控制台、写部署脚本、配安全组规则、装 Nginx、调 API、生成截图……

总结与思考

这次体验让我对 AI 辅助开发有了新的认识:

  1. AI 不只是代码生成器:它能理解"部署"这个完整动作——查资源、做决策、执行命令、验证结果、调 API 提交,是一条完整的链路。

  2. 资源意识:AI 不会无脑创建新资源,会先查现有的能不能复用,这恰恰是很多开发者容易忽略的。

  3. 安全意识:AI 在执行有风险的操作前会停下来确认,不会自作主张销毁资源或暴露端口。

  4. 全链路自动化:从写代码到上线到提交成果,中间环节的摩擦几乎为零。开发者只需要做决策,不需要做执行。

华为云的开放能力 API + AI Agent 的组合,让"部署一个应用到云上"这件事的门槛降到了前所未有的低点。如果你也想体验,访问华为云开放能力活动页面即可参与闯关挑战。


本文由真实操作记录整理,部署成果可在线体验。

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

评论(0)

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

全部回复

上滑加载中

设置昵称

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

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

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