原文鏈接： http://yangbingdong.com/2017/self-hosted-build-ngrok-server/
前言
Ngrok可以干嘛？我們經(jīng)常會(huì)有 "把本機(jī)開發(fā)中的 web 項(xiàng)目給朋友看一下" 或 "測(cè)試一下支付寶、微信的支付功能" 這種臨時(shí)需求，為此專門購(gòu)買個(gè)域名然后在 VPS或云主機(jī) 上部署一遍就有點(diǎn)太浪費(fèi)了。那么這時(shí)候嫌吠，Ngrok就是個(gè)很好的東西，它可以實(shí)現(xiàn)我們的這種需求。而且 Ngrok 官網(wǎng)本身還提供了公共服務(wù)筷转，只需要注冊(cè)一個(gè)帳號(hào)，運(yùn)行它的客戶端悬而，就可以快速把內(nèi)網(wǎng)映射出去呜舒。不過(guò)這么好的服務(wù)，沒(méi)多久就被墻了~幸好Ngrok是開源的笨奠，那么我們可以自己搭建一個(gè)Ngrok袭蝗！
域名泛解析
因?yàn)閮?nèi)網(wǎng)穿透需要用到多級(jí)域名唤殴，這里，博主的這個(gè)域名是在Namesilo購(gòu)買的到腥，然后轉(zhuǎn)到DNSPod解析：
如圖所示朵逝，我搞買的域名是
yangbingdong.com,將ngrok.yangbingdong.com通過(guò)A記錄解析導(dǎo)VPS的ip地址，再將*.ngrok.yangbingdong.com通過(guò)CNAME解析導(dǎo)ngrok.yangbingdong.com乡范，完成泛解析配名。
服務(wù)端安裝
安裝GO環(huán)境
這里博主選擇通過(guò)下載最新版解壓安裝。
apt-get update
apt-get -y install build-essential mercurial git
wget https://storage.googleapis.com/golang/go1.8.1.linux-amd64.tar.gz
tar -C /usr/local -xzf go1.8.1.linux-amd64.tar.gz
mkdir $HOME/go
echo 'export GOROOT=/usr/local/go' >> /etc/profile.d/go.sh
echo 'export GOPATH=$HOME/go' >> /etc/profile.d/go.sh
echo 'export PATH=$PATH:$GOROOT/bin:$GOPATH/bin' >> /etc/profile.d/go.sh
source /etc/profile.d/go.sh
安裝Ngrok
cd /usr/local/src/
git clone https://github.com/tutumcloud/ngrok.git ngrok
export GOPATH=/usr/local/src/ngrok/
生成自簽名SSL證書晋辆，ngrok為ssl加密連接：
cd ngrok
NGROK_DOMAIN="ngrok.yangbingdong.com"
openssl genrsa -out rootCA.key 2048
openssl req -x509 -new -nodes -key rootCA.key -subj "/CN=$NGROK_DOMAIN" -days 5000 -out rootCA.pem
openssl genrsa -out device.key 2048
openssl req -new -key device.key -subj "/CN=$NGROK_DOMAIN" -out device.csr
openssl x509 -req -in device.csr -CA rootCA.pem -CAkey rootCA.key -CAcreateserial -out device.crt -days 5000
cp rootCA.pem assets/client/tls/ngrokroot.crt
cp device.crt assets/server/tls/snakeoil.crt
cp device.key assets/server/tls/snakeoil.key
GOOS=linux GOARCH=amd64
make clean
make release-server release-client
注意：上面的ngrok.yangbingdong.com換成自己的域名渠脉。
- 如果是32位系統(tǒng),
GOARCH=386; 如果是64為系統(tǒng)，GOARCH=amd64 - 如果要編譯linux,
GOOS=linux;如果要編譯window,GOOS=windows
啟動(dòng)server
cd /usr/local/src/ngrok/bin && ./ngrokd -domain="ngrok.yangbingdong.com" -httpAddr=":8002" -httpsAddr=":8003" -tunnelAddr=":4000"
ngrok.yangbingdong.com換成自己的域名瓶佳。其他端口可自己配置芋膘。
順利的話，可以正常編譯涩哟，在bin下面可以看到「ngrokd」和「ngrok」索赏，其中「ngrokd」是服務(wù)端執(zhí)行程序，「ngrok」是客戶端執(zhí)行程序
后臺(tái)運(yùn)行：
cd /usr/local/src/ngrok/bin && nohup ./ngrokd -domain="ngrok.yangbingdong.com" -httpAddr=":8002" -httpsAddr=":8003" -tunnelAddr=":4000" > /dev/null 2>&1 &
apt-get install screen
screen -S 任意名字（例如：keepngork）
然后運(yùn)行ngrok啟動(dòng)命令
最后按快捷鍵
ctrl+A+D
既可以保持ngrok后臺(tái)運(yùn)行
設(shè)置開機(jī)啟動(dòng)
vim /etc/init.d/ngrok_start:
cd /usr/local/src/ngrok/bin
./ngrokd -domain="ngrok.yangbingdong.com" -httpAddr=":8002" -httpsAddr=":8003" -tunnelAddr=":4000"
chmod 755 /etc/init.d/ngrok_start
客戶端使用
下載客戶端
scp -P 26850 root@12.34.56.78:/usr/local/src/ngrok/bin/ngrok ~/
將12.34.56.78換成自己的VPS ip贴彼。
啟動(dòng)客戶端
寫一個(gè)簡(jiǎn)單的配置文件潜腻，隨意命名如 ngrok.cfg：
server_addr: ngrok.yangbingdong.com:4000
trust_host_root_certs: false
然后啟動(dòng)：
./ngrok -subdomain ybd -config=ngrok.cfg 8080
其中ybd是自定義的域名前綴，ngrok.cfg是上面創(chuàng)建的配置文件器仗，8080是本地需要映射到外網(wǎng)的端口融涣。
沒(méi)有意外的話訪問(wèn)ybd.ngrok.yangbingdong.com:8002就會(huì)映射到本機(jī)的8080端口了。
控制臺(tái)：
就是上圖的Web Interface精钮，通過(guò)這個(gè)界面可以看到遠(yuǎn)端轉(zhuǎn)發(fā)過(guò)來(lái)的 http 詳情威鹿，包括完整的 request/response 信息，相當(dāng)于附帶了一個(gè)抓包工具轨香。
另外忽你，Ngrok支持多種協(xié)議，啟動(dòng)的時(shí)候可以指定通過(guò)-proto指定協(xié)議臂容，例如：
http協(xié)議：
./ngrok -subdomain ybd -config=ngrok.cfg -proto=http 8080
tcp協(xié)議：
./ngrok -subdomain ybd -config=ngrok.cfg -proto=tcp 8080
應(yīng)該會(huì)看到：
ngrok (Ctrl+C to quit)
Tunnel Status online
Version 1.7/1.7
Forwarding tcp://ybd.ngrok.yangbingdong.com:8002-> 127.0.0.1:8080
Web Interface 127.0.0.1:4040
# Conn 0
Avg Conn Time 0.00ms
Nginx添加server
雖然可以訪問(wèn)科雳，但是帶著端口就讓人不舒服，80端口又被Nginx占用脓杉，那么可以用過(guò)Nginx反向代理Ngrok糟秘。
Nginx的配置一般在/etc/nginx/conf.d或者/usr/local/nginx/conf.d里面：
#ngrok.yangbingdong.com.conf
upstream ngrok {
server 127.0.0.1:8002;
keepalive 64;
}
server {
listen 80;
server_name *.ngrok.yangbingdong.com;
access_log /var/log/nginx/ngrok_access.log;
proxy_set_header "Host" $host:8002;
location / {
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host:8002;
proxy_pass_header Server;
proxy_redirect off;
proxy_pass http://ngrok;
}
access_log off;
log_not_found off;
}
重啟Nginx：
nginx -s reload
維護(hù)腳本
在網(wǎng)上看到的某大神寫的維護(hù)腳本：
wget https://gist.githubusercontent.com/IvanChou/1be8b15b1b41bf0ce2e9d939866bbfec/raw/1a2445599fe7fd706505a6e103a9dc60b4d3a0ed/ngrokd -O ngrokd
##修改 腳本中的配置
vi ngrokd
chomd +x ngrokd
sudo mv ngrokd /etc/init.d/ngrokd
常見(jiàn)錯(cuò)誤
在ngrok目錄下執(zhí)行如下命令，編譯ngrokd
$ make release-server
出現(xiàn)如下錯(cuò)誤：
GOOS="" GOARCH="" go get github.com/jteeuwen/go-bindata/go-bindata
bin/go-bindata -nomemcopy -pkg=assets -tags=release \
-debug=false \
-o=src/ngrok/client/assets/assets_release.go \
assets/client/…
make: bin/go-bindata: Command not found
make: *** [client-assets] Error 127
go-bindata被安裝到了$GOBIN下了球散，go編譯器找不到了尿赚。修正方法是將$GOBIN/go-bindata拷貝到當(dāng)前ngrok/bin下。
$cp /home/ubuntu/.bin/go14/bin/go-bindata ./bin
遇到的問(wèn)題：source與./
寫了一個(gè)Ngrok的安裝腳本，然后chmod +x ngrok-installation.sh賦權(quán)凌净，再./ngrok-installation.sh執(zhí)行悲龟。
但是遇到了一個(gè)奇怪的問(wèn)題：在腳本里面設(shè)置了環(huán)境變量并source讓其生效，然而出現(xiàn)的結(jié)果是由于沒(méi)有加載到環(huán)境變量導(dǎo)致找不到命令泻蚊，百思不得解躲舌，Google了一把丑婿，發(fā)現(xiàn)了原因：
source命令與shell scripts的區(qū)別是：
我們?cè)趖est.sh設(shè)置了AA環(huán)境變量性雄，它只在fork出來(lái)的這個(gè)子shell中生效，子shell只能繼承父shell的環(huán)境變量羹奉，而不能修改父shell的環(huán)境變量秒旋，所以test.sh結(jié)束后，父進(jìn)程的環(huán)境就覆蓋回去诀拭。
source在當(dāng)前bash環(huán)境下執(zhí)行命令迁筛，而scripts是啟動(dòng)一個(gè)子shell來(lái)執(zhí)行命令。這樣如果把設(shè)置環(huán)境變量（或alias等等）的命令寫進(jìn)scripts中耕挨，就只會(huì)影響子shell,無(wú)法改變當(dāng)前的BASH,所以通過(guò)文件（命令列）設(shè)置環(huán)境變量時(shí)细卧，要用source 命令。
然后直接source ngrok-installation.sh筒占，安裝成功贪庙！
