本地网站秒变公网可访问! 开发者必备的内网穿透工具

 新闻动态    |      2025-06-25 06:31

你是否厌倦了只能在本地测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 证书)