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

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

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

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

準(zhǔn)備工作

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

注冊ZeroNews賬戶

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

操作步驟

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

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

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

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

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

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

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

勾選 HTTP 協(xié)議

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

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

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

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

實(shí)用場景

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

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

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

注意事項(xiàng)

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

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

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

審核編輯 黃宇