1. 程式人生 > >【本人禿頂程式設計師】內網穿透神器:Ngrok在支付中的正確使用姿勢

【本人禿頂程式設計師】內網穿透神器:Ngrok在支付中的正確使用姿勢

←←←←←←←←←←←← 我都禿頂了,還不點關注!

前言

隨著網際網路的發展,無論是web服務還是移動APP越來越多的都集成了第三方支付(支付寶、微信、銀聯)。通常作為服務提供方,支付成功以後都會有一個後端回撥URL來通知是否呼叫者是否支付成功,這個URL必須是公網環境,並且可以被訪問到。然而在實際開發測試環境中,我們一般都是在內網開發,所以說對於支付測試是一件比較麻煩的事情。

內網穿透

這時候,我們就需要內網穿透服務來解決第三方服務無法回撥的問題了,下面我們來稍微盤點那些流行的內網穿透技術。

Ngrok

ngrok 是一個反向代理,通過在公共的端點和本地執行的 Web 伺服器之間建立一個安全的通道。ngrok 可捕獲和分析所有通道上的流量,便於後期分析和重放(百度百科)。

  • 優點:使用方便,Docker容器化,配置簡單,各平臺支援,也可以自己搭建伺服器
  • 缺點:ngrok 是一個開源程式,官網服務在國外,國內訪問國外速度慢。1.7+以後不再開源,收費才是持續發展的動力

國內也有相應的ngrok服務 natapp、frp、nat123埠對映、內網通、花生殼等等,這裡就不一個個介紹了,有興趣的可以自行谷歌,畢竟今天的主角是Ngrok。

下面一張圖我們來了解一下Ngrok的穿透流程:
在這裡插入圖片描述

環境說明

雲伺服器Linux(centos7.4)、Nginx、Docker、hteen/ngrok Docker映象,備案域名一枚

安裝說明

這裡省去了Docker安裝說明,請自行安裝Docker。

獲取ngrok映象:

docker pull hteen/ngrok

啟動

  • 我們需要掛載宿機目錄(E.g /data/ngrok)到容器的/myfiles目錄
  • 第一次執行,它將會在/data/ngrok目錄下生成二進位制檔案和CA證書

·

sudo docker run --rm -it -e DOMAIN="ngrok.52itstyle.com" -v /data/ngrok:/myfiles hteen/ngrok /bin/sh  /build.sh

安裝成功會出現以下提示(省略中間過程):

Generating RSA private key, 2048 bit long modulus
.............................+++
.............................+++
e is 65537 (0x10001)
Generating RSA private key, 2048 bit long modulus
...............................+++
...............................+++
go get -tags 'release' -d -v ngrok/...
go install -tags 'release' ngrok/main/ngrok
build ok !

客戶端和服務端生成在/data/ngrok/bin目錄下:

bin/ngrokd                  服務端
bin/ngrok                   linux客戶端
bin/darwin_amd64/ngrok      osx客戶端

啟動Ngrok server

由於ngrok預設使用80和443埠,這裡我們使用Nginx服務做轉發,通過埠對映的方式訪問Docker容器(參考docker-compose.yml配置)。

docker run -idt --name ngrok-server \
-v /data/ngrok:/myfiles \
-p 8082:80 \
-p 4432:443 \
-p 4443:4443 \
-e DOMAIN='ngrok.52itstyle.com' hteen/ngrok /bin/sh /server.sh

啟動之後需要在nginx.conf 新增兩條反向代理配置(HTTPS請求自行配置):

server {
     listen       80;
     server_name  ngrok.52itstyle.cn *.ngrok.52itstyle.com;
     location / {
             proxy_redirect off;
             proxy_set_header Host $host;
             proxy_set_header X-Real-IP $remote_addr;
             proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
             proxy_pass http://127.0.0.1:8082;
     }
 }

配置DNS解析
服務啟動後,要想正常執行,我們還需要新增兩條A記錄到雲伺服器(替換成自己的IP地址):
在這裡插入圖片描述

啟動Ngrok client

首先從data/ngrok/bin目錄下載各個環境下的客戶端。

windows 環境
首先建立一個ngrok.cfg配置檔案:

server_addr: "ngrok.52itstyle.com:4443"
trust_host_root_certs: false

使用cmd命令切換到對應的目錄下,然後執行以下命令:

ngrok.exe  -config  ngrok.cfg -subdomain   doc 192.168.1.125:4999

如果出現以下介面,說明安裝成功:
在這裡插入圖片描述
Linux 環境
奇了個怪怪,linux下執行一直報以下錯誤,然並不清楚什麼原因,有知道的小夥伴還望告知:

-bash: ./ngrok: /lib/ld-musl-x86_64.so.1: bad ELF interpreter: 沒有那個檔案或目錄

注意事項

  • 防火牆需要開放4443埠,否則是無法連線成功的
  • 微信二維碼支付回撥是需要域名認證的(後臺只能錄入一個URL),這個有點坑!!!

在這裡插入圖片描述

寫在最後:

如果你是從事IT工作的,如果剛好有事Java程式設計師,我這裡有一個技術交流群 963,944…895 免費分享Java架構資料!

禿頂程式設計師的不易,看到這裡,點了關注吧!
點關注,不迷路,持續更新!!!