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

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

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

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

準(zhǔn)備工作

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

注冊(cè)ZeroNews賬戶

本地服務(wù)已在localhost運(yùn)行

操作步驟

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

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

用戶登錄 ZeroNews 平臺(tái)，在“快速開(kāi)始”頁(yè)面復(fù)制您的Token。

第2步：運(yùn)行macOSZeroNews 客戶端

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

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

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

勾選 HTTP 協(xié)議

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

進(jìn)入"映射"頁(yè)面，點(diǎn)擊"添加映射”添加localhost映射。

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

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

實(shí)用場(chǎng)景

前端開(kāi)發(fā)：實(shí)時(shí)預(yù)覽Vue/React項(xiàng)目，產(chǎn)品經(jīng)理直接通過(guò)鏈接提需求

全棧開(kāi)發(fā)：本地部署的后端API，遠(yuǎn)程團(tuán)隊(duì)直接調(diào)用測(cè)試

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

注意事項(xiàng)

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

本地服務(wù)端口要和映射端口一致（常見(jiàn)如8080/3000）

建議開(kāi)啟HTTPS協(xié)議（ZeroNews支持免費(fèi)TLS證書(shū)）

審核編輯 黃宇