用 HuaweiCloud DevKit 快速部署一个 2048 网页游戏的实践笔记

前言

最近想用最省事的方式把一个 2048 小游戏放到云上，于是尝试了华为云的 DevKit。整个过程比想象中顺利，这里把步骤和踩坑记录下来，方便以后回顾。

一、安装 DevKit

本机只需要有 Node.js 环境，直接执行 npx huaweicloud-devkit 即可拉起交互式安装，不用全局安装，也不会污染环境。按提示选择需要的能力后，命令行会自动完成依赖下载和初始化。

二、配置 AK/SK

在华为云控制台“我的凭证”中创建访问密钥，下载保存好 AK 和 SK。随后在 DevKit 中按提示填写，或写入本地环境变量。注意密钥不要提交到代码仓库，也不要贴到聊天或截图里，建议使用权限最小的 IAM 子账号。

三、本地预览

2048 是纯前端项目，只有 HTML、CSS 和 JavaScript。在项目目录启动一个本地静态服务，浏览器打开本地端口，就能用方向键验证合并、计分和游戏结束逻辑，确认没问题再上云。

四、DevBridge 隧道预览沙箱

如果开发环境在云端沙箱里，本机浏览器无法直接访问，可以用 DevBridge 建立隧道，把沙箱中的端口映射到本地，这样就能在自己的浏览器里实时预览，修改代码后刷新即可看到效果，非常适合边写边调。

五、部署到 ECS 并配置 Nginx

1. 创建一台按需计费的小规格 ECS，安全组仅放行 80 端口和自己的 SSH 来源地址。
2. 登录后安装 Nginx，把构建好的静态文件上传到站点目录。
3. 修改配置文件指向该目录，检查配置无误后重载 Nginx。
4. 通过弹性公网 IP 访问，看到 2048 界面即部署成功。

六、清理资源节省成本

实验结束后务必释放不用的资源：删除 ECS、释放弹性公网 IP、清理多余的云硬盘和安全组。按需计费的资源即使闲置也会持续扣费，及时清理能避免产生意外账单。

七、小贴士

• 先本地验证再部署，能少走很多弯路。
• AK/SK 妥善保管，定期轮换。
• 部署前给安全组设置最小开放范围。
• 记录每一步命令，方便复现和写文档。

以上就是这次用 DevKit 部署 2048 的完整记录，希望对想快速体验华为云的朋友有所帮助。