你是否厭倦了只能在本地測Web開發(fā)項目，而無法讓同事或客戶即時查看？今天，我們就來聊聊如何通過ZeroNews實現(xiàn)localhost秒變公網(wǎng)域名，無需公網(wǎng)IP，一鍵讓本地站點突破內網(wǎng)限制，團隊協(xié)作效率拉滿！

為什么開發(fā)者需要這個技能？

遠程協(xié)作：前端開發(fā)完本地頁面，直接分享鏈接給后端/產(chǎn)品，無需部署到測試服務器

實時預覽：修改代碼后刷新公網(wǎng)鏈接，即時看到效果，告別反復打包部署

準備工作

一臺運行本地Web服務的Mac（其他系統(tǒng)類似）

注冊ZeroNews賬戶

本地服務已在localhost運行

操作步驟

以macOS本地開發(fā)為例演示從互聯(lián)網(wǎng)訪問本地Web服務。

第1步：生成ZeroNews客戶端所需的Token

用戶登錄 ZeroNews 平臺，在“快速開始”頁面復制您的Token。

第2步：運行macOSZeroNews 客戶端

在macOS電腦上運行ZeroNews，綁定Token,完成ZeorNews客戶端上線。

第3步:為本地Web站點分配公網(wǎng)域名

用戶登錄 ZeroNews 平臺，在 "資源" 的 "域名" 管理頁面， 點擊 "添加域名" 添加公網(wǎng)可訪問的域名。域名前綴： 用戶輸入定義的 域名前綴，如 localhost

勾選 HTTP 協(xié)議

第4步：為本地Web站點添加公網(wǎng)映射

進入"映射"頁面，點擊"添加映射”添加localhost映射。

映射添加完成后，可在應用詳情中可查看添加好的映射列表。

將該映射的訪問地址鏈接分享給同事，便可在異地通過瀏覽器訪問本地開發(fā)的站點。

實用場景

前端開發(fā)：實時預覽Vue/React項目，產(chǎn)品經(jīng)理直接通過鏈接提需求

全棧開發(fā)：本地部署的后端API，遠程團隊直接調用測試

畢業(yè)設計展示：不用買服務器，用校園網(wǎng)就能展示作品給導師

注意事項

免費版域名使用官方分配的域名后綴，商業(yè)項目可選自定義域名

本地服務端口要和映射端口一致（常見如8080/3000）

建議開啟HTTPS協(xié)議（ZeroNews支持免費TLS證書）

審核編輯 黃宇