用华为云 AI 开发者空间 + DevBridge,把单文件页面发布到公网

举报
yd_238222896 发表于 2026/10/22 07:28:51 2026/10/22
【摘要】 用 AI 开发者空间 + DevBridge 0.2.2 把单文件静态页发布到公网:生成 index.html、启动静态服务、创建隧道并绑定 3000 端口,最后用 curl 验证 200;附 devbridge 版本与 API Key 认证踩坑记录。

最近在体验华为云开放能力线上闯关活动,顺手把一个单文件静态页发布到了公网。整个过程没有买服务器,也没有配置 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 认证之后,整个流程大概几分钟就能跑通。

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

评论(0)

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

全部回复

上滑加载中

设置昵称

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

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

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