你是否厌倦了只能在本地测Web开发项目,而无法让同事或客户即时查看?今天,我们就来聊聊如何通过ZeroNews实现localhost秒变公网域名,无需公网IP,一键让本地站点突破内网限制,团队协作效率拉满!
为什么开发者需要这个技能?
远程协作:前端开发完本地页面,直接分享链接给后端/产品,无需部署到测试服务器
实时预览:修改代码后刷新公网链接,即时看到效果,告别反复打包部署
准备工作
一台运行本地Web服务的Mac(其他系统类似)
注册ZeroNews账户
本地服务已在localhost运行
操作步骤
以macOS本地开发为例演示从互联网访问本地Web服务。
第1步:生成ZeroNews客户端所需的Token
用户登录 ZeroNews 平台,在“快速开始”页面复制您的Token。
第2步:运行macOSZeroNews 客户端
在macOS电脑上运行ZeroNews,绑定Token,完成ZeorNews客户端上线。
第3步:为本地Web站点分配公网域名
- 用户登录 ZeroNews 平台,在 "资源" 的 "域名" 管理页面, 点击 "添加域名" 添加公网可访问的域名。域名前缀: 用户输入定义的 域名前缀,如 localhost
- 勾选 HTTP 协议
第4步:为本地Web站点添加公网映射
进入"映射"页面,点击"添加映射”添加localhost映射。
映射添加完成后,可在应用详情中可查看添加好的映射列表。
将该映射的访问地址链接分享给同事,便可在异地通过浏览器访问本地开发的站点。
实用场景
前端开发:实时预览Vue/React项目,产品经理直接通过链接提需求
全栈开发:本地部署的后端API,远程团队直接调用测试
毕业设计展示:不用买服务器,用校园网就能展示作品给导师
注意事项
免费版域名使用官方分配的域名后缀,商业项目可选自定义域名
本地服务端口要和映射端口一致(常见如8080/3000)
建议开启HTTPS协议(ZeroNews支持免费TLS证书)