用 AI Agent 与华为云 ECS 部署专属 2048 游戏实战记录

一、背景：从“2048 闯关活动”开始

前段时间在华为云开发者社区看到“2048 闯关”相关的动手实践活动，玩法很有意思：用 AI 帮你写游戏，再亲手把它部署上云，全流程走通才算过关。我一直想系统体验一下“AI 开发者空间 + 云服务器”这套组合，于是决定借这次机会，把从代码生成到公网发布的完整链路实打实地走一遍，并把过程记录下来。

二、准备工作：在 AI 开发者空间安装 HuaweiCloud DevKit 插件并配置认证

第一步是进入华为云的 AI 开发者空间（AI DevSpace）。在这个在线的云端开发环境里，我安装了 HuaweiCloud DevKit 插件。安装完成后需要做认证配置：绑定华为云账号的 AK/SK（访问密钥），选择区域（我选的是华北-北京四 cn-north-4）。配置好之后，插件就能调用云侧的 AI 模型能力，也能在后续步骤里直接操作云资源。建议把 AK/SK 保管好，不要写进代码或提交到公开仓库，这是最基本的安全习惯。

三、AI 生成单文件 index.html：一个真正可玩的 2048

需求描述我写得很明确：“生成一个单文件 index.html，实现经典 2048 游戏：4×4 网格、支持方向键操作、相同数字合并计分、显示当前得分与最高分、游戏结束与胜利判定”。AI Agent 几十秒就生成好了完整代码，HTML/CSS/JS 全部内联在一个文件里，核心逻辑包括：

• 4×4 网格渲染，数字块按数值显示不同配色，视觉层次清晰；
• 监听键盘上下左右方向键，移动并合并相同数字，每次有效移动后在随机空格生成 2 或 4；
• 实时计分，并用 localStorage 保存历史最高分，刷新不丢失；
• 合成 2048 时弹出胜利提示，无空格且无可合并项时判定游戏结束，可一键重开。

我在空间内的预览窗口里直接打开试玩，方向键操作流畅，合并计分逻辑正确——AI 生成的代码质量超出预期，基本零修改可用。

四、沙箱部署：经 DevBridge 拿到公网地址并验证

接下来是沙箱部署环节。在 AI 开发者空间里把 index.html 部署到沙箱环境，平台通过 DevBridge 生成了一个临时公网地址。我在浏览器里打开这个地址，游戏可以正常加载和游玩，验证通过。沙箱部署的好处是快、零成本，适合在正式上云前先验证作品可用性。需要注意的是沙箱地址通常有时效性，长期对外服务还是要走自己的云服务器。

五、在 cn-north-4 按量新建 1 核 2G ECS，用 cloud-init 装 Nginx 托管并绑定 EIP

验证通过后，我在华北-北京四（cn-north-4）按量计费新建了一台 1 核 2G 的 ECS，镜像选 Ubuntu。创建时用 cloud-init 做初始化，核心步骤如下：

1. 在 cloud-init 的用户数据脚本里执行 apt 安装 Nginx，机器启动即装好 Web 服务，免去手动 SSH 上去一条条敲命令；
2. 把 index.html 放到 /var/www/html/ 目录下作为默认站点；
3. 安全组放行 80 端口（HTTP），否则公网无法访问；
4. 绑定一个弹性公网 IP（EIP），浏览器直接访问 EIP 就能玩到部署在自己服务器上的 2048。

整套流程走完，从浏览器访问 EIP，游戏页面秒开，方向键、计分、最高分记录都正常，成就感拉满。

六、提交作品与验证心得

最后提交作品时有几个经验值得记录：

1. 自动提交要备好 Project ID 与安全令牌：部分环节支持自动提交作品，但需要填写 Project ID 和安全令牌（Token）。建议提前在控制台查好 Project ID，令牌注意有效期，过期要重新生成，否则提交会报鉴权失败，多跑一趟很耽误时间。
2. 按量资源用完及时释放：这次用的 ECS 和 EIP 都是按量计费，验证完成后我第一时间释放了实例、解绑并释放了 EIP。按量资源“用完即释”是省成本的关键习惯，不用的资源不要留在账上持续扣费。
3. AI 写代码 + 云上部署是高效组合：单文件静态站这种场景，AI 生成 + Nginx 托管 + EIP 发布，全程不到一小时，非常适合做技术验证和作品展示。

这次实战让我完整体验了“AI 生成代码—沙箱验证—ECS 正式部署”的链路，也算真正拥有了一个部署在自己云服务器上的专属 2048。后续还想试试加上排行榜后端，继续折腾。