用华为云 AI 开发者空间 + DevBridge,把单文件页面发布到公网
最近在体验华为云开放能力线上闯关活动,顺手把一个单文件静态页发布到了公网。整个过程没有买服务器,也没有配置 Nginx,核心工具是 AI 开发者空间里的 devbridge 隧道。这里记录一下步骤和踩到的坑,供同样在做活动的朋友参考。
一、生成页面
让 AI 生成一个 index.html,CSS 和 JS 全部内联,不依赖 npm、Vite 或任何构建工具。单文件的好处是上传和托管都非常轻:放到任意静态目录就能跑,后面换环境也不用重新打包。
二、本地起一个静态服务
在开发者空间里执行:
python3 -m http.server 3000
把当前目录作为站点根目录,浏览器访问 127.0.0.1:3000 能看到页面即可。这个命令只用于验证页面本身,不需要额外安装任何东西。
三、创建 DevBridge 隧道
关键一步是 devbridge。先创建隧道:
devbridge create <隧道名>
再把 3000 端口绑定到隧道:
devbridge port create <隧道ID> -p 3000 --protocol http
最后启动 host 进程(后台运行):
nohup devbridge host <隧道ID> > /tmp/devbridge.log 2>&1 &
从日志里取 Tunnel URL,形如 https://<id>-3000.devbridge-s2.hwtunnel.com。这个地址就是最终的公网入口。
四、验证
用 curl 检查返回码:
curl -sI https://<id>-3000.devbridge-s2.hwtunnel.com
返回 HTTP/1.1 200 OK 就说明公网已经可访问了。
踩坑记录
1. devbridge 版本很关键。0.1.13 生成的是旧网关域名,目前已经不可用;升级到 0.2.2 之后才会拿到 devbridge-s2.hwtunnel.com 形式的地址。
2. 0.2.2 的 release 版只接受 API Key 认证,不认 AK/SK。可以直接使用平台 keyring 里的 Key,或者创建一个 devbridge_ 开头的 Key。这里不建议把 AK/SK 贴在聊天框里,能用平台临时凭证就不要新建密钥。
3. 隧道有有效期,时间到了会自动失效;如果只是活动演示或临时预览,不必额外保活。
4. 端口一定要和隧道绑定的端口一致,否则网关会返回 port not configured,看起来像页面 404,其实是隧道没配对。
5. 如果页面更新后公网看不到变化,先确认静态服务的目录和端口没变,再清一次浏览器缓存。
关于版本选择
AI 开发者空间有体验版和持久化版:体验版免费、秒级启动,但数据不保留,适合临时验证;持久化版按核时计费,关机自动保存数据,适合长期项目。只是做一次部署演示的话,体验版完全够用。
小结
对于「把一个静态页快速公开」这种需求,DevBridge 隧道的成本几乎为零,特别适合活动演示、联调预览和临时分享。真正需要注意的是版本和认证方式:升级到 0.2.x、用平台 Key 认证之后,整个流程大概几分钟就能跑通。
- 点赞
- 收藏
- 关注作者
评论(0)