利用NATAPP隧道解決微信公眾號開發之本地調試難題
一、問題
眾所周知,微信公眾號開發需要公網的有效域名和80端口,本機當然互聯網是訪問不了的。那麽我們難道去一個公網的服務器去開發嗎?那樣是不是太土了。
答案當然是,NO
當然我們在做微信支付的時候,有些URL需要域名進行備案了,那麽我們首先需要準備一個域名,並且通過的備案,我這裏是阿裏的一個域名smartbi.club
已經個人備案成功,ICP可查
二、解決問題
2.1、準備條件
硬件:筆記本
軟件:Tomcat+NATAPP軟件https://natapp.cn+通過備案的域名
註冊一個natapp賬號
2.2、在natapp購買一個隧道
登錄natapp賬號,購買一個VIP_1的隧道,因為只有付費的隧道才支持自定義域名,那麽我就選一個最便宜的
2.3、選擇自主域名,添加已備案域名
如下圖,填寫我們的域名,如我的smartbi.club,系統會調用工信部接口進行驗證,如下圖,我的是通過的
2.4、修改隧道配置,綁定自主域名
如下圖,進入natapp,點擊我的隧道,選擇VIP_1隧道,點擊配置
進入設置,如下圖把我們的自主域名smartbi.club綁定到隧道中,註意必須是我們已經授權的域名
2.5、將要綁定的域名CNAME 解析 到 s1.natapp.cc
這一步需要到我們的域名服務商哪裏,比如我的域名是阿裏雲的就去阿裏雲的域名控制臺操作,如下圖,千萬要
記得操作這一步
CNAME成功的話,ping域名會跳轉到s1.natapp.cc
2.6、啟動服務進行測試
首先啟動Tomcat服務,用80端口啟動,確保localhost訪問到Tomcat,如下圖
其次進入 natapp的解壓目錄C:\Users\king\Desktop\natapp_windows_amd64_2_3_8,運行natapp.exe,如下圖,我們需要CMD在natapp的根目錄執行命令natapp -authtoken=dce03c074f374324 , authtoken的值在natapp賬戶中我們買的隧道中查看
點擊回車,隧道服務啟動成功,可以看到是根據我們的自主域名啟動的隧道
訪問測試,這個時候訪問http://smartbi.club我們發現,可以訪問到我們自己筆記本的Tomcat了,說明開啟隧道成功,如下圖所示,這裏為了區分我把Tomcat默認主頁的HOME改為了King Local Home
2.7、測試一下微信支付中的認證
如下圖,可以看到微信支付中的認證成功,接下來就可以在本機開發和調試微信支付相關接口了
需要註意的是,我們運行隧道服務的窗口不能關閉,具體可以去官網natapp.cn查看開機啟動natapp的相關操作,或者是讓cmd在後臺運行,
避免誤操作關閉。如果是窗口化運行隧道服務,窗口關閉則隧道服務關閉,如下圖,我們訪問域名的時候,這裏可以監聽到訪問請求
利用NATAPP隧道解決微信公眾號開發之本地調試難題