第2篇 ：架設本地web 服務器來調試自己的微信公眾號服務

我們經常會遇到這樣的問題

我們做好了網站，為了便於管理，我們會直接將網站放在自己公司或者家裡的服務器上，但是這樣就遇到了一個問題：我們使用的基本都是ADSL寬帶，寬帶服務商分配給我們的是局域網內部IP地址或80端口被屏蔽，無法直接在外網使用域名訪問網站。

那麼如何使用 ngrok（內網穿透）服務架設自己的本地web 服務器？

本章我們將可以學習

1.通過HttpServlet搭建一個本地服務器，並運行一個helloworld應用程序。

2.ngrok（內網穿透）服務將局域網內網站直接映射到外網中，在外網通過域名訪問您搭建的站點。

下面我們就來具體說說：

一、搭建內網網站服務

其實就是寫一個應用程序部署到tomcat，並能進行訪問

1.創建支持Maven構建的Java項目

選擇Maven，選擇web項目

創建Maven java 項目界面

填寫項目信息

填寫Java項目信息界面

整個項目文件架構

項目文件結構圖

2.修改POM.xml文件，添加項目依賴的Jar文件

依賴：添加servlet依賴以及junit測試依賴。

插件：添加tomcat插件依賴，Maven構建，編譯插件。

Maven tomcat7插件

3.添加HelloServlet文件，並添加初始化提示語

添加HelloWorld類，並繼承HttpServlet接口

重寫Get方法

重寫Post方法

4.修改web.xml文件，添加訪問路徑

添加/hello路徑，以及mapping

修改index.jsp內容

5.通過命令行啟動Tomcat。

在idea通過alt+f12調出命令行，然後輸入maven clean package，編譯並且打包項目。

接著輸入maven tomcat7:run運行項目即可。

6.構建Java項目，測試項目是否正確運行

訪問本地路徑：http://localhost:8080/weixin-servlet/

本地主頁是否可以訪問。出現以下界面，說明是沒有問題了。

訪問一下我們設置的hello路徑：http://localhost:8080/weixin-servlet/hello

恭喜你，本地測試服務器環境搭建完畢。

慢著，但是現在外網是訪問不了我們的應用的，那麼我們如何讓自己的應用訪問到外網呢？

接著，我來介紹一下如何配置。

二、如何進行讓外網訪問自己的應用？

1.註冊外網訪問服務

（1）為什麼使用Sunny-Ngrok？

• 提供免費內網穿透服務，免費服務器支持綁定自定義域名

• 管理內網服務器，內網web進行演示

• 快速開發微信程序和第三方支付平臺調試

• 本地WEB外網訪問、本地開發微信、TCP端口轉發

• 本站新增FRP服務器，基於 FRP 實現https、udp轉發

• 無需任何配置，下載客戶端之後直接一條命令讓外網訪問您的內網不再是距離

Ngrok官網地址：https://www.ngrok.cc/

詳細的註冊流程，我就不多說了。

（2）使用Sunny-Ngrok贈送的免費域名進行http服務映射

• 1、首先在Ngrok站註冊成為會員

• 2、開通隧道。名字自己定義，只要不被佔用即可。

隧道名稱以及外網地址

在上圖中表單信息解釋：

• 隧道名稱：可以隨便填寫，只是為了使用者在往後之後這個隧道是幹嘛的

• 前置域名：服務器免費贈送的域名，請不要帶上後綴，如果要sunny.ngrok.cc 只需要填寫 sunny 即可 ，千萬不要填寫成sunny.ngrok.cc否則域名會是sunny.ngrok.cc.ngrok.cc

• 本地端口：可以為同一個局域網內任意一臺機器進行映射，只需要填對ip和端口就行，例如：192.168.1.1:80

• http驗證用戶名：非必填項，在需要的時候填寫，否則可以不填

• http驗證密碼：非必填項，在需要的時候填寫，否則可以不填

新建好隧道以後，會有一個免費的外網地址，那麼我們就可以通過這個地址來對應我們本地地址了。

免費網址列表

不過還需要客戶端來支持這個服務。

2.下載支持外網訪問的客戶端

Ngrok官網下載地址：https://www.ngrok.cc/download.html

下載頁面，以及客戶端版本信息

3.外網映射配置

我這裡是win 64 的版本。下載之後會有倆個文件，啟動Sunny-Ngrok啟動工具.bat腳本即可。

輸入隧道ID圖

輸入隧道的ID，自己到後臺進行查看，並複製到該命令行中。

外網訪問配置

4.通過指定的外網地址進行訪問

外網訪問測試圖

那麼我們再通過剛剛獲得的免費外網地址+/weixin-servlet/hello進行訪問，如果還能顯示我們的頁面，那麼說明了，外網訪問成功。

那麼恭喜您，本地微信開發服務調試環境搭建成功！開啟你的微信開發之旅吧！

三、小結

本節很簡單，就是搭建一個簡單的web服務，然後通過ngrok來進行外網映射到本地地址上。

第1篇：微信公眾平臺開發基礎知識以及資料準備。

• 可以直接通過我的文章列表獲取；

• 通過地址：https://www.toutiao.com/i6506825865593094660/

其他

如果大家覺得有用，那麼可以點贊，收藏起來或者轉發，用到的時候直接獲取即可。

如果大家還有好東西，那麼留言分享給大家，讓大家一起進步。

如果大家還想獲得其他交流，關注我吧，盡我最大努力給大家解答！謝謝！