用 HuaweiCloud DevKit 云沙箱把静态站点发布到公网：从文件上传到 DevBridge 隧道的完整实践

一、为什么用云沙箱做静态站点发布

把一个小 Demo（比如网页版 2048）挂到公网上，最麻烦的往往不是写代码，而是找一台常开的机器、配好 Web 服务、再想办法让外网能访问到它。HuaweiCloud DevKit 的云沙箱把这套流程压缩成了三步：上传文件、拉起静态服务、生成公网隧道地址。整个过程不用买 ECS、不用配安全组、不用碰域名备案，特别适合验证想法和做作品展示。

二、准备条件

• 一个已开通的 DevKit 沙箱环境（开发者空间里创建即可）；
• 本地打包好的静态资源，建议压成一个 zip，入口统一命名为 index.html；
• 知道要暴露的端口，静态服务本文统一用 3000。

三、三步发布流程

步骤 1：上传静态资源

用 sandbox_upload_file 把 zip 传到沙箱工作目录，然后在沙箱里解压到 /workspace/site：

unzip -o site.zip -d /workspace/site
ls /workspace/site   # 确认 index.html 在根目录

这一步最容易翻车的地方是目录层级。压缩包里如果多套了一层 site/ 目录，nginx 的 root 就会指错，访问首页直接 403 或 404，先 ls 一眼再往下走。

步骤 2：拉起静态服务

用 sandbox_deploy_nginx 部署，root 指向 /workspace/site，监听 3000：

server {
    listen 3000;
    root /workspace/site;
    index index.html;
    location / { try_files $uri $uri/ /index.html; }
}

try_files 这一行是给单页应用兜底的：刷新子路由时不会 404。纯静态多页站点留着也不影响。

步骤 3：生成公网地址

调用 sandbox_expose_tunnel 暴露 3000 端口，会返回一个 DevBridge 公网地址。把这个地址直接当作品链接用即可，手机 4G 网络下也能打开，说明隧道确实打通了。

四、两个容易踩的坑

坑一：隧道地址不是永久的。沙箱空闲一段时间会被停机，停机后原来的隧道地址就失效了，重新启动拿到的是新地址。如果这个链接已经发出去（比如交到活动问卷里），别人再点就是打不开。建议把重启后重新 expose 隧道这一步写进脚本，别靠记忆。

坑二：别把大文件塞进沙箱。沙箱的磁盘和内存都是限量给的，前端资源建议先压缩、图片转 WebP、能 CDN 就 CDN。曾经过一个 20MB 的原始图包，nginx 起得来但页面加载慢到以为服务挂了。

五、小结

DevKit 沙箱的价值在于把「我想让别人看到这个页面」的时间成本从半天压到几分钟。上传、起服务、开隧道，三步之后你就有了一个可以分享的公网地址。真正需要长期稳定访问的场景，还是老老实实上 OBS 静态网站托管或者 ECS + CDN；沙箱更适合原型验证、课堂演示和作品提交这类短周期需求。