今天,推薦一款還不錯(cuò)的穿透工具幫助客戶做站點(diǎn)內(nèi)測(cè)
假設(shè)你在辦公室里,剛剛開(kāi)發(fā)完一個(gè)新Web站點(diǎn),并熱切地希望展示給你的客戶看。然而,不巧的是,客戶不在你的辦公室,客戶在自己的公司里上網(wǎng)。你們之間只能公網(wǎng)互訪,而你又未部署新站點(diǎn)到公網(wǎng)服務(wù)器上。公網(wǎng)上的客戶無(wú)法訪問(wèn)你的內(nèi)網(wǎng)站點(diǎn),怎么辦?一般情況時(shí),你只好將新站點(diǎn)上傳到公網(wǎng)服務(wù)器部署,或者截圖給人家看效果了。如果客戶看了以后,又提出修改意見(jiàn),你又要反復(fù)以上步驟,可能要5-8遍!你心里也知道,這樣做十分低效, 要知道,開(kāi)發(fā)人員的時(shí)間很寶貴,盡量不要浪費(fèi)在低效率事情上。此時(shí),就可以介紹今天的主角了,cpolar,內(nèi)網(wǎng)穿透利器。它可以把內(nèi)網(wǎng)服務(wù)器變成公網(wǎng)上可以訪問(wèn)。只輸入一行命令就可以搞定。不論你在何處,用戶在何處,一鍵上公網(wǎng),非常的方便。接下來(lái),我們就實(shí)戰(zhàn)一下。
前期準(zhǔn)備
- 注冊(cè)一個(gè)cpolar帳號(hào) (必要)
- 下載cpolar客戶端(必要)
- 準(zhǔn)備一個(gè)Web測(cè)試網(wǎng)站程序包(可選) 它用來(lái)模擬在本機(jī)跑著的測(cè)試Web站點(diǎn)
注冊(cè)cpolar帳號(hào)
1.去 www.cpolar.com 官網(wǎng)注冊(cè)一個(gè)帳號(hào)
2.注冊(cè)成功后,會(huì)自動(dòng)登錄到用戶后臺(tái)界面
下載cpolar客戶端
下載地址:/download/ 根據(jù)自己的本機(jī)操作系統(tǒng),下載指定的客戶端,后臺(tái)界面里列出了9種不同平臺(tái)的客戶端可供下載,包括WINDOWS、Linux、MAC、還有ARM平臺(tái)(這說(shuō)明樹(shù)莓派也有機(jī)會(huì),^^)。下載客戶端到本地后,解壓縮,解壓后得到一個(gè)cpolar的命令行客戶端。在Linux或OSX上,您可以使用以下命令從終端解壓縮cpolar。在Windows上,只需雙擊cpolar.zip即可。

配置客戶端token認(rèn)證令牌
復(fù)制你后臺(tái)的認(rèn)證串命令,然后在本機(jī)的命令行窗口執(zhí)行。(注意authtoken串的完整) ①首先將解壓文件夾放入軟件盤(pán)。
②在當(dāng)前目錄輸入cmd,點(diǎn)擊回車(chē)鍵。
③進(jìn)入命令行模式,我們發(fā)現(xiàn)會(huì)直接進(jìn)入安裝目錄,不用cd進(jìn)入。
④安裝認(rèn)證令牌
它執(zhí)行完后,并沒(méi)有真正訪問(wèn)服務(wù)器端認(rèn)證,而是保存了authtoken串到默認(rèn)創(chuàng)建的配置文件中。默認(rèn)配置文件路徑:在你當(dāng)前用戶目錄下.cpolar\cpolar.yml,以后你可以增加配置項(xiàng),讓你更加方便的調(diào)試,現(xiàn)在不用管。Windows系統(tǒng)中如下圖:
溫馨提示:
在命令行模式輸入cpolar,然后回車(chē),系統(tǒng)會(huì)自動(dòng)提示常用命令。[由于軟件版本更新,命令可能會(huì)過(guò)時(shí),網(wǎng)上的博客會(huì)誤導(dǎo)我們,以這里為主]
運(yùn)行cpolar客戶端,模擬連接本機(jī)的8080端口。
Copy 這時(shí)候我們還沒(méi)有啟動(dòng)內(nèi)網(wǎng)Web站點(diǎn),所以8080端口上沒(méi)有任何東西,執(zhí)行它的目的是測(cè)試一下cpolar客戶端連接服務(wù)器認(rèn)證是否正常。連接后,可以看到命令行的連接狀態(tài),如果是online狀態(tài),則為正常。如果是其它狀態(tài),例如:reconnect,則可能是認(rèn)證串填寫(xiě)不對(duì),請(qǐng)重新檢查執(zhí)行第7步。上圖可以看到Tunnel status顯示online,就是正常連接,cpolar服務(wù)器會(huì)分配一個(gè)隨機(jī)域名??梢詇ttp訪問(wèn),也可以https訪問(wèn)。
正常連通后,按CTRL+C結(jié)束客戶端。
下載Web示例站點(diǎn)
1.測(cè)試Web站點(diǎn),是一個(gè)TODO List待辦清單示例站點(diǎn),它的最終的效果圖:
2. 根據(jù)你的操作系統(tǒng)平臺(tái),下載相應(yīng)的示例Web站點(diǎn)程序:示例WEB站點(diǎn)程序部署環(huán)境 下載地址 WINDOWS 64位 32位。
3.這個(gè)Web測(cè)試站點(diǎn)程序就是一個(gè)文件,在命令行下的單一程序,簡(jiǎn)單,直接運(yùn)行就可以。
1.下載示例站點(diǎn)后,本地解壓縮,然后雙擊執(zhí)行。
運(yùn)行成功后,會(huì)有如下提示。
4.打開(kāi)瀏覽器,輸入網(wǎng)址:http://localhost:8080,打開(kāi)測(cè)試站點(diǎn)。
如上圖所示,說(shuō)明本地內(nèi)網(wǎng)測(cè)試站點(diǎn),已經(jīng)搭建成功!接下來(lái),我們利用cpolar,將這個(gè)內(nèi)部站點(diǎn),發(fā)布到公網(wǎng)。
連接cpolar客戶端到內(nèi)網(wǎng)測(cè)試站點(diǎn)
1.在命令行輸入

2.我們?cè)L問(wèn)cpolar的本地管理頁(yè)面
3. 復(fù)制命令行窗口中的cpolar分配的域名鏈接到瀏覽器,本示例中的是 https://542d821a.cpolar.io,看看發(fā)生了什么?
4. 內(nèi)部的站點(diǎn),已經(jīng)被發(fā)布到公網(wǎng),可以被訪問(wèn)到了。但是作為程序員,好像有種錯(cuò)覺(jué),像是DNS映射在本機(jī)一樣,這是真的么?趕緊發(fā)送這個(gè)鏈接給你遠(yuǎn)在天邊的朋友或客戶,一起來(lái)驗(yàn)證一下??纯茨懿荒茉L問(wèn)得到吧。讓他們告訴你,你的新內(nèi)測(cè)網(wǎng)站做得有多棒!
總結(jié)
今天我們利用cpolar將自己的本機(jī)測(cè)試站點(diǎn)公布到了公網(wǎng)上,而沒(méi)有使用公網(wǎng)服務(wù)器部署。以后可以經(jīng)常發(fā)布站點(diǎn)內(nèi)測(cè)版給給客戶了。其實(shí)cpolar還有更多玩法。例如:
- 微信公眾號(hào)對(duì)接調(diào)試,不需要再部署程序,這對(duì)于程序員來(lái)說(shuō),非常方便。
- 遠(yuǎn)程家里的樹(shù)莓派。
- 私有云盤(pán)公網(wǎng)訪問(wèn)