1. 程式人生 > >利用NATAPP隧道解決微信公眾號開發之本地調試難題

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

需要 alt clas 公眾號開發 help 服務器 -a amd64 驗證

一、問題

眾所周知,微信公眾號開發需要公網的有效域名和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隧道解決微信公眾號開發之本地調試難題