你是否厭倦了只能在本地測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證書）

審核編輯 黃宇