一、背景:微信開發其實跟web開發并沒有太大的分別,在我們進行微信開發的時候,需要調用微信接口的時候(比如獲取地理位置,上傳圖片,拍照等),肯定是需要在微信上操作的,而這時候我們的項目還沒有部署到生產上,你肯定要看看本地項目的微信調用功能能不能運行吧,我們希望點擊微信企業號菜單的按鈕,運行的是我們本地的項目。
我們可以通過代理的方式利用手機調試本地項目。
二、需要用到Fiddler這個抓包工具,下載地址:[http://download.csdn.net/detail/u013142781/9363371](http://download.csdn.net/detail/u013142781/9363371)
安裝完成后,打開Fiddler,進行如下設置,Tools–>Fiddler Options–>Connections,Allow remote computers to connect 勾選上:

Fiddler設置完畢,重啟Fiddler(記得一定是要重啟才能生效哈)。
三、接下來需要修改hosts文件了,修改hosts文件之前,回到微信企業號菜單的配置,配置菜單的時候是需要設置可信域名的,關于微信企業號菜單配置和可信域名請閱讀小寶鴿的另外一篇博客:[http://blog.csdn.net/u013142781/article/details/50318181](http://blog.csdn.net/u013142781/article/details/50318181)
比如你在微信配置的菜單為:[http://yo.bbdfun.com/first_maven_project/](http://yo.bbdfun.com/first_maven_project/)
然后你的可信域名為:yo.bbdfun.com
那么打開你的hosts文件,window系統hosts文件目錄為:C:\Windows\System32\drivers\etc下
打開hosts文件,末尾加上這么句:你的電腦ip yo.bbdfun.com

然后保存,如果保存失敗,可能是因為你的當前登錄的系統賬號沒有修改hosts文件的權限。
因此可以如下操作選中hosts文件,右擊,屬性然后:

添加了修改權限之后重新編輯保存即可。
四、小寶鴿的web項目是部署到tomcat,因此以tomcat為例,需要注意的是我們需要tomcat端口改成80而不是默認的8080,因為微信可信域名只支持80端口,修改方式如下,雙擊tomcat,修改HTTP/1.1值為80,然后保存,重啟服務器就可:

五、最后一步,手機設置代理,在微信端打開PC本地系統對應的頁面。(注意:你的電腦和手機必須是同一個局域網,小寶鴿的電腦和手機是連接著同一個wifi的,所以可以)。
代理設置,主機:你的電腦ip,端口:8888,如下:

最后在微信端點擊對應菜單(測試)結果如下:

