微信公眾號開發 [02] 本地測試環境搭建

0、補充在前面的話

2018.05.15 補充： 

最近公眾號的功能要更新，又得把這東西撿起來，結果發現花生殼現在內網穿透要收費了，簡直不爽。所以如果不考慮付費的話，這篇文章基本上就要報廢了，這尼瑪耶，索性找了個好東西，免費的，就只貼鏈接了，是個叫“NATAPP”的軟件，設置也很簡單，設置方式戳這里《 NATAPP1分鍾快速新手圖文教程 》。

1、必備工具

想要實現本地測試，那么需要實現外網能訪問本地內網，即需要實現內網穿透，即我們可以將內網的服務器映射到外網給別人訪問。

微信開發使用的內網映射工具，下面介紹兩款，本章會以花生殼作為工具介紹：

• Ngrok （參考博文：微信開發環境搭建）
  
• 花生殼 （參考教程：本地服務器的環境配置）

2、花生殼搭建內網測試環境

2.1 花生殼設置

花生殼是一款內網穿透軟件，先到官方網站進行 軟件下載和 注冊，並申請開通 個人應用免費版（大概花費10RMB左右）

打開花生殼軟件，點擊域名列表：

看到花生殼分配給我們的一個二級域名，我們點擊內網穿透：

 

選擇添加映射， 選擇網站80端口類型，因為微信接口調用僅支持80端口 ，配置內網主機ip地址，和內網端口：

其中主機ip地址，可以通過cmd的ipconfig命令查詢：

 

內網端口，根據你電腦本地安裝的Tomcat的配置文件中設定的端口有關：

 

以上配置完成以后，試着把我們原常用來訪問頁面的 localhost:8080/xxx.jsp 更換為花生殼提供給我們的域名，如我這里是 k169710n05.51mypc.cn/xxx.jsp

如果可以正常訪問，那么說明我們的內網穿透，就配置成功了。

2.2 路由器端口映射

如果仍然不能訪問，那么嘗試在路由器中設置一下端口映射，所謂路由器端口映射，作用就是讓互聯網上的用戶可以訪問內網中的服務器，內網的一台電腦要上因特網對外開放服務或接收數據，都需要端口映射。

以TP-LINK路由器作為示例（如下圖），具體的操作步驟不進行展開了，詳細可以參考  端口映射的設置

 

2.3 固定獲取路由器分配的ip地址

另外，因為每次連接網上進去，路由器都會給本機分配可能是不同的ip，這樣一來你每次都需要重新配置花生殼的映射，很麻煩，所以可以設置為固定獲取路由器的ip地址，這樣一來就不用那么辛苦了。

 

 

（上圖是以獲取192.168.10.99固定ip為例，子網掩碼和默認網關可以通過cmd的ipconfig命令查詢）

（延伸閱讀： IP地址，子網掩碼，默認網關，DNS服務器詳解）