你是否厌倦了只能在本地测Web开发项目,而无法让同事或客户即时查看?今天,我们就来聊聊如何通过ZeroNews实现localhost秒变公网域名,无需公网 IP,一键让本地站点突破内网限制,团队协作效率拉满!
为什么开发者需要这个技能?
远程协作:前端开发完本地页面,直接分享链接给后端 / 产品,无需部署到测试服务器
实时预览:修改代码后刷新公网链接,即时看到效果,告别反复打包部署

准备工作
一台运行本地Web服务的Mac(其他系统类似)
注册ZeroNews账户
本地服务已在localhost运行
操作步骤
以 macOS 本地开发为例演示从互联网访问本地Web服务。
第1步:生成ZeroNews客户端所需的Token
用户登录 ZeroNews 平台,在“快速开始”页面复制您的 Token。

在 macOS 电脑上运行 ZeroNews,绑定 Token, 完成 ZeorNews 客户端上线。
第3步:为本地Web站点分配公网域名
用户登录 ZeroNews 平台,在 "资源" 的 "域名" 管理页面, 点击 "添加域名" 添加公网可访问的域名。
域名前缀: 用户输入定义的 域名前缀,如 localhost
勾选 HTTP 协议

第4步:为本地Web站点添加公网映射
进入"映射"页面,点击 "添加映射”添加 localhost 映射 。
选择设备:选择已经认证的设备
映射协议:选择 HTTP 协议
公网访问地址:选择 localhost 域名,如 localhost.ny.takin.cc
映射带宽:分配带宽,不大于用户当前的最大可用带宽
内网映射地址:内网IP地址默认输入 127.0.0.1
内网端口输入web服务端口号 8080或80 等,具体根据业务实际情况填写

映射添加完成后,可在应用详情中可查看添加好的映射列表。

将该映射的访问地址链接分享给同事,便可在异地通过浏览器访问本地开发的站点。
实用场景
前端开发:实时预览 Vue/React 项目,产品经理直接通过链接提需求
全栈开发:本地部署的后端 API,远程团队直接调用测试
毕业设计展示:不用买服务器,用校园网就能展示作品给导师
注意事项
免费版域名使用官方分配的域名后缀,商业项目可选自定义域名
本地服务端口要和映射端口一致(常见如 8080/3000)
建议开启 HTTPS 协议(ZeroNews支持免费 TLS 证书)