利用NATAPP隧道解決微信公衆號開發之本地調試難題

1、問題

衆所周知，微信公衆號開發須要公網的有效域名和80端口，本機固然互聯網是訪問不了的。那麼咱們難道去一個公網的服務器去開發嗎？那樣是否是太土了。

答案固然是，NO

固然咱們在作微信支付的時候，有些URL須要域名進行備案了，那麼咱們首先須要準備一個域名，而且經過的備案，我這裏是阿里的一個域名smartbi.club

已經我的備案成功，ICP可查

2、解決問題

2.一、準備條件

硬件：筆記本

軟件：Tomcat+NATAPP軟件https://natapp.cn+經過備案的域名

註冊一個natapp帳號

2.二、在natapp購買一個隧道

登陸natapp帳號，購買一個VIP_1的隧道，由於只有付費的隧道才支持自定義域名，那麼我就選一個最便宜的

2.三、選擇自主域名，添加已備案域名

以下圖，填寫咱們的域名，如個人smartbi.club,系統會調用工信部接口進行驗證，以下圖，個人是經過的

2.四、修改隧道配置，綁定自主域名

以下圖，進入natapp，點擊個人隧道，選擇VIP_1隧道，點擊配置

進入設置，以下圖把咱們的自主域名smartbi.club綁定到隧道中，注意必須是咱們已經受權的域名

2.五、將要綁定的域名CNAME 解析 到 s1.natapp.cc

這一步須要到咱們的域名服務商哪裏，好比個人域名是阿里雲的就去阿里雲的域名控制檯操做，以下圖，千萬要

記得操做這一步

 

CNAME成功的話，ping域名會跳轉到s1.natapp.cc，以下圖所示

 

2.六、啓動服務進行測試

首先啓動Tomcat服務，用80端口啓動，確保localhost訪問到Tomcat，以下圖

其次進入 natapp的解壓目錄C:\Users\king\Desktop\natapp_windows_amd64_2_3_8，運行natapp.exe，以下圖，咱們須要CMD在natapp的根目錄執行命令natapp -authtoken=authtoken的值  , authtoken的值在natapp帳戶中咱們買的隧道中查看

點擊回車，隧道服務啓動成功，能夠看到是根據咱們的自主域名啓動的隧道

訪問測試，這個時候訪問http://smartbi.club咱們發現，能夠訪問到咱們本身筆記本的Tomcat了，說明開啓隧道成功，以下圖所示，這裏爲了區分我把Tomcat默認主頁的HOME改成了King Local Home

2.七、測試一下微信支付中的認證

以下圖，能夠看到微信支付中的認證成功，接下來就能夠在本機開發和調試微信支付相關接口了

須要注意的是，咱們運行隧道服務的窗口不能關閉，具體能夠去官網natapp.cn查看開機啓動natapp的相關操做,或者是讓cmd在後臺運行，

避免誤操做關閉。若是是窗口化運行隧道服務，窗口關閉則隧道服務關閉，以下圖，咱們訪問域名的時候，這裏能夠監聽到訪問請求