內(nèi)網(wǎng)穿透 ngrok 服務(wù)器搭建與坑點(diǎn)

標(biāo)簽（空格分隔）： 開發(fā)工具 前端

站在用戶的角度思考問題，與客戶深入溝通，找到上栗網(wǎng)站設(shè)計(jì)與上栗網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請(qǐng)、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋上栗地區(qū)。

[toc]

前端開發(fā)，有時(shí)候需要給外網(wǎng)的測(cè)試人員瀏覽，此時(shí)若沒有專門的測(cè)試服務(wù)器，那么使用內(nèi)網(wǎng)穿透就是最簡(jiǎn)便通用的方式了。一個(gè)常見的選擇就是 ngrok 。 也有 frp

ngrok官網(wǎng)

本地客戶端跑起，搭建內(nèi)網(wǎng)端口隧道給外網(wǎng)服務(wù)器，用戶訪問外網(wǎng)服務(wù)器對(duì)應(yīng)地址，自動(dòng)映射到本地對(duì)應(yīng)地址。

這個(gè)方案很簡(jiǎn)單，也很慢，超慢，無法忍受的慢。

官網(wǎng)教程參看

從零搭建參看，

已經(jīng)寫好的搭建腳本，參看

如果腳本安裝失敗，可能是有些依賴沒有，例如 apt-get

如果腳本失敗，可能是依賴沒裝好，一般就是 go 沒裝，試下下面

安裝 go

如果沒有 apt-get yum，使用下面

按教程的做法是這樣的

開啟服務(wù)后，服務(wù)端報(bào)錯(cuò) Failed to read message: remote error: bad certificate , 客戶端端報(bào)錯(cuò) x509: cannot validate certificate for xx.xx.xx.xx because it doesn't contain any IP SANs

搜索客戶端報(bào)錯(cuò)，按 此文解決 ，在最后一句生成證書的命令前加上以下命令，就解決了

ngrok 客戶端會(huì)自動(dòng)生成一個(gè)隨機(jī)子域名或者用戶自定義一個(gè)，總之無論如何都會(huì)有一個(gè)域名，這就會(huì)導(dǎo)致 ip 域名無效， 例如 - localhost:80 ， 解決辦法就是改源碼，去掉隨機(jī)生成的 subdomain

刪掉 %x. rand.Int31() , 以及該文件第一行引入的 math/rand ，重新編譯出服務(wù)端與客戶端即可。這樣不加 -subdomain 選項(xiàng)就不會(huì)有子域名

ngrok服務(wù)需要的三級(jí)域名解析設(shè)置

這個(gè)我沒法講的很透徹，因?yàn)槲业姆?wù)器是架設(shè)在阿里云，我的域名使用的是阿里云旗下的萬網(wǎng)，那么如果服務(wù)商不同，那么設(shè)計(jì)的界面和方法估計(jì)都有略微的不同，所以我這里只能貼出我在萬網(wǎng)的解析設(shè)置，以供參考：

*.ngrok中的ngrok為二級(jí)域名，這滿足我之前服務(wù)器所所設(shè)定ngrok.gamecc.cn這個(gè)ngrok的主域名，而*是域名設(shè)置中的通配符，代表可以接受 http://任意名稱.ngrok.gamecc.cn這種域名解析設(shè)置。

沒有什么神奇的。。。就這樣即可，但是值得注意的是*這種通配符咱只能這樣用一次，什么意思呢？

就是在萬網(wǎng)的域名解析設(shè)置列表中，只能有這樣一個(gè)使用*的解析。所以自己考慮，我這里之前為了方便學(xué)生使用，所以才這樣設(shè)置的。當(dāng)然還有解決辦法就是我寫一個(gè)系統(tǒng)專門來解決ngrok的驗(yàn)證問題，提供web界面用戶需要注冊(cè)或者賦予特定權(quán)限后，才能使用三級(jí)域名系統(tǒng)，以及ngrok提供的反向代理服務(wù)。例如ngrok.com，以及國內(nèi)的ngrok.cc這樣的網(wǎng)站。

利用老毛子padvan路由器ngrok內(nèi)網(wǎng)穿透搭建服務(wù)器

1、移步 注冊(cè)用戶名并且開啟免費(fèi)的隧道。

2、開通隧道

3、在【隧道管理】中，點(diǎn)擊隧道的【id】，查看隧道的完整信息,基中【隧道域名】【服務(wù)器地址】【服務(wù)器端口】【贈(zèng)送域名】之后配置路由器需要用到。

4、將以上信息添加至潘多拉路由器

5、【啟用Ngrok內(nèi)網(wǎng)穿透】開關(guān)開啟，ngrok【服務(wù)器地址】填入1.4中【服務(wù)器地址】，【服務(wù)器端口】填寫4443，【自定義域名映射】開關(guān)啟用，【協(xié)議類型】http,【本地端口】80，【自定義域名】填寫1.4中【贈(zèng)送域名】，填完完畢【應(yīng)用本面設(shè)置】

6、在 ngrok.cc 網(wǎng)站，的【隧道管理】，點(diǎn)擊【查看狀態(tài)】，顯示ip,表示隧道服務(wù)正常.

7、隧道服務(wù)正常，打開1.4【贈(zèng)送域名】，就可以打開路由器設(shè)置.

8、改用自己的域名

8.1 隧道管理-編輯