0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

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

ZeroNews 来源:jf_58490156 作者:jf_58490156 2025-06-19 10:50 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

你是否厌倦了只能在本地测Web开发项目,而无法让同事或客户即时查看?今天,我们就来聊聊如何通过ZeroNews实现localhost秒变公网域名,无需公网IP,一键让本地站点突破内网限制,团队协作效率拉满!

为什么开发者需要这个技能?

远程协作:前端开发完本地页面,直接分享链接给后端/产品,无需部署到测试服务器

实时预览:修改代码后刷新公网链接,即时看到效果,告别反复打包部署

准备工作

一台运行本地Web服务的Mac(其他系统类似)

注册ZeroNews账户

本地服务已在localhost运行

操作步骤

以macOS本地开发为例演示从互联网访问本地Web服务。

第1步:生成ZeroNews客户端所需的Token

用户登录 ZeroNews 平台,在“快速开始”页面复制您的Token。

wKgZO2hTet6AGaixAACOYQIqhZ4798.png

第2步:运行macOSZeroNews 客户端

在macOS电脑上运行ZeroNews,绑定Token,完成ZeorNews客户端上线。

第3步:为本地Web站点分配公网域名

用户登录 ZeroNews 平台,在 "资源" 的 "域名" 管理页面, 点击 "添加域名" 添加公网可访问的域名。域名前缀: 用户输入定义的 域名前缀,如 localhost

勾选 HTTP 协议

wKgZPGhTet6AFLRZAACE75XkP9I731.png

第4步:为本地Web站点添加公网映射

进入"映射"页面,点击"添加映射”添加localhost映射。

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

wKgZO2hTet-Adu6GAABf_RXETCo833.png

将该映射的访问地址链接分享给同事,便可在异地通过浏览器访问本地开发的站点。

实用场景

前端开发:实时预览Vue/React项目,产品经理直接通过链接提需求

全栈开发:本地部署的后端API,远程团队直接调用测试

毕业设计展示:不用买服务器,用校园网就能展示作品给导师

注意事项

免费版域名使用官方分配的域名后缀,商业项目可选自定义域名

本地服务端口要和映射端口一致(常见如8080/3000)

建议开启HTTPS协议(ZeroNews支持免费TLS证书)

审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 内网
    +关注

    关注

    0

    文章

    65

    浏览量

    9268
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    远程管理与公网发布:小皮面板结合零讯内网穿透实战

    本文介绍了如何通过ZeroNews零讯内网穿透技术实现小皮面板(XP Panel)的公网访问与远程管理。首先在Ubuntu 22.04服务器上安装小皮面板,然后配置ZeroNews A
    的头像 发表于 11-11 16:07 328次阅读
    远程管理与<b class='flag-5'>公网</b>发布:小皮面板结合零讯<b class='flag-5'>内网</b><b class='flag-5'>穿透</b>实战

    内网穿透:从原理到实战部署

    工具的部署方法:从下载安装、设置Token认证到启动服务,简单几步即可完成配置。该技术可广泛应用于远程访问网站开发测试等场景,解决了内网服务外网访
    的头像 发表于 11-04 16:57 1251次阅读
    <b class='flag-5'>内网</b><b class='flag-5'>穿透</b>:从原理到实战部署

    工程师福利!Imagination开发者文档网站重磅上线

    Imagination工具软件团队刚刚完成了开发者文档网站的重大更新!相信,这对所有从事移动游戏和其他嵌入式图形应用开发的工程师来说都是个好消息。
    的头像 发表于 09-24 08:04 428次阅读
    工程师福利!Imagination<b class='flag-5'>开发者</b>文档<b class='flag-5'>网站</b>重磅上线

    为什么内网穿透必须加密?

    对于企业而言,选择支持 TLS 加密的内网穿透工具(如ZeroNews),并定期更新加密协议与证书,是保障业务安全、避免法律风险的最有效手段。
    的头像 发表于 08-19 15:47 542次阅读
    为什么<b class='flag-5'>内网</b><b class='flag-5'>穿透</b>必须加密?

    2025年开发者必备的DevOps工具盘点:JetBrains IDE、Perforce P4、TESSY、Loom等

    2025年开发者必备工具盘点来啦!11款高效利器,涵盖IDE、版本控制、自动化构建、单元测试、AI编程助手等多个关键领域。来看看你的团队是否跟上趋势↓↓↓
    的头像 发表于 07-10 15:55 1419次阅读
    2025年<b class='flag-5'>开发者</b><b class='flag-5'>必备</b>的DevOps<b class='flag-5'>工具</b>盘点:JetBrains IDE、Perforce P4、TESSY、Loom等

    远程访问内网MySQL数据库?这个方案更简单

    开发者和运维人员赶紧看过来! 为什么需要这样做? 远程办公必备:无需 VPN,在家或外出时也能轻松连接公司内网数据库 灵活开发测试:开发
    的头像 发表于 07-04 18:06 646次阅读
    远程<b class='flag-5'>访问</b><b class='flag-5'>内网</b>MySQL数据库?这个方案更简单

    【Banana Pi BPI-RV2开发板试用体验】部署内网穿透

    BPI-RV2 RISC-V开源路由器之部署内网穿透 背景 最近刚弄到一块 BPI-RV2 RISC-V 开源路由器,刚好自己有个云服务器和公网IP,打算在openwrt上面部署frp来做内网
    发表于 06-29 20:05

    内网穿透避坑指南 6 大常见错误 + 保姆级解决方案!

    内网穿透部署中,哪怕是老手也可能踩坑!今天整理了6大高频错误场景+实战解决方案,帮你少走弯路,效率翻倍 1.端口映射失败:访问显示「连接超时」 ❌错误原因: 本地服务未启动或端口被占
    的头像 发表于 05-20 12:14 523次阅读

    内网穿透目前最好的解决方案?ZeroNews凭什么!

    无论是个人想要远程访问家中的设备,还是企业实现高效的远程办公与资源共享,内网穿透都是关键所在。然而,传统的内网穿透方案却问题重重,企业急需新
    的头像 发表于 05-15 14:14 740次阅读
    <b class='flag-5'>内网</b><b class='flag-5'>穿透</b>目前最好的解决方案?ZeroNews凭什么!

    内网穿透公网ip什么区别

    在远程访问、企业组网等场景中,内网穿透公网IP是两种常见的解决方案,但它们的原理、成本和使用方式截然不同。 以下图片是两的关键对比: 1
    的头像 发表于 05-14 14:18 498次阅读
    <b class='flag-5'>内网</b><b class='flag-5'>穿透</b>和<b class='flag-5'>公网</b>ip什么区别

    这么多内网穿透工具怎么选?一篇让你不再纠结的终极指南!

    你是否遇到过这样的场景? 在家想访问公司的内网服务器,却发现防火墙拦得死死的? 开发微信小程序,本地调试却因为无公网IP而抓狂? 想搭建个人
    的头像 发表于 05-13 16:06 883次阅读
    这么多<b class='flag-5'>内网</b><b class='flag-5'>穿透</b><b class='flag-5'>工具</b>怎么选?一篇让你不再纠结的终极指南!

    国产内网穿透方案-比frp更简单

    内网穿透技术凭借其便捷的互联互通能力,已成为众多个人用户与企业实现跨网络访问的主流解决方案。相较于传统专线网络,内网穿透方案无需依赖
    的头像 发表于 05-13 11:28 479次阅读
    国产<b class='flag-5'>内网</b><b class='flag-5'>穿透</b>方案-比frp更简单

    Java开发者必备的效率工具——Perforce JRebel是什么?为什么很多Java开发者在用?

    Perforce JRebel是一款Java开发效率工具,旨在帮助java开发人员更快地编写更好的应用程序。JRebel即时重新加载对代码的修改,无需重启或重新部署应用程序,就能让
    的头像 发表于 04-27 13:44 637次阅读
    Java<b class='flag-5'>开发者</b><b class='flag-5'>必备</b>的效率<b class='flag-5'>工具</b>——Perforce JRebel是什么?为什么很多Java<b class='flag-5'>开发者</b>在用?

    云端AI开发者工具的核心功能

    当今,云端AI开发者工具已成为推动科技创新与行业升级的重要力量。那么,云端AI开发者工具有哪些核心功能呢?下面,AI部落小编带您深入探讨。
    的头像 发表于 02-28 11:46 859次阅读

    云端AI开发者工具怎么用

    云端AI开发者工具通常包括代码编辑器、模型训练平台、自动化测试工具、代码管理工具等。这些工具不仅降低了AI
    的头像 发表于 12-05 13:31 910次阅读