一，為什麼要用到ngrok？

       各位肯定都知道，做微信開發，我們的開發伺服器需要和微信伺服器做互動，我們需要準備一臺放置在公網的伺服器，能夠使得我們的伺服器可以正常訪問微信伺服器，並且微信伺服器也需要可以正常訪問我們的開發伺服器。並且我們做開發時的伺服器都是放在內網中的，只能通過內網來訪問。然而微信伺服器無法和我們的內網伺服器做互動，這就導致我們做微信開發在本地調試出現了一定的困難！

     今天就向大家介紹一個非常強大的外網對映工具:ngrok.它可以把你的本地ip(127.0.0.1|localhost)對映成一個公網域名,這樣所有人都可以通過這個域名來訪問你的專案,這個功能對本地除錯,特別是

提醒：微信介面服務只支援80埠，並不支援其他的埠

二,準備開發工具

     1.tomcat

     2.ngrok客戶端（可以訪問官網進行下載，官網地址是：http://www.ngrok.cc）

三，ngrok版本說明

此處要介紹三個ngrok版本:ngrok,tunnel,sunny-ngrok.

第一個版本是國外開發的原生ngrok版本,這個版本將我們的本地ip對映到一個二級域名上,這個域名有兩種形式:自定義主機名和系統分配主機名(主機名為最左邊的部分,比如我們平時經常看到的www).這個版本有兩個缺陷:
1.系統分配的主機名是動態分配的,即每一次開啟都會不一樣,所以每次訪問的時候都要記住不一樣的域名,這很蛋疼.
2.這個域名是在國外的,所以訪問速度會相當慢

第二個版本是國內基於ngrok開發的一個改良版,由於域名在國內,所以解決了訪問慢的問題,但是這個版本現在已經無法使用

第三個版本也是國內開發出的一個版本,可以自定義主機名,還可以自定義域名(前提是你有一條域名),很好的解決了原生ngrok的那兩條缺陷.

四，環境搭建步驟

         我們這裡主要來介紹sunny-ngrok版本的搭建方法；

        1、訪問ngrok授權管理系統（http://www.ngrok.cc/login），點選註冊，註冊帳號。

        2，註冊一個新的賬號，如下如所示：

         3，註冊成功以後點選登入進入ngrok授權管理系統的主介面，然後點選左側選單欄中的隧道管理----》開通隧道，進入下面的介面，

     進入介面以後提供隧道的兩種購買方式，一種是付費的，一種是免費（其實兩者的區別就是頻寬的不同，如果只是做測試用，10M頻寬肯定夠用）

     然後點選立即購買；將會出現下面的介面

      注意：1.隧道協議選擇http協議；

                2.填寫隧道名稱以及前置域名

                3.把上面本地埠改成127.0.0.1：8080

    然後點選確定新增

    4.確定新增成功後跳轉到新的介面下，繼續點選左側選單中的隧道管理，出現下面的介面，並且要複製隧道id

  5.下載ngrok的客戶端

     訪問下面的網址http://www.ngrok.cc就可以下載客戶端，如下圖所示：

         下載到本地的D盤中，然後解壓，如下圖所示：

6.輸入上文的隧道id，然後回車。如下圖所示：

到此ngrok的環境搭建已經完成，下面就是測試，測試的時候在專案中啟動tomcat，用http://127.0.0.1:8080/訪問能訪問到

同時用http://****.ngrok.cc/也能訪問到；

7.最後一步就是把該域名配置到微信公眾平臺上就ok了，大功告成。。。。。。