微信調試本地環境代碼

      作微信開發，大概都會碰到一個很蛋疼的問題：不支持本地調試。傳統的作法以下：

蛋疼1：發佈到線上，用手機測試，發現問題後修改，再發布，以此循環；這樣作不但開發效率低下，並且有時候項目還在開發中，怎麼能隨隨便便扔到線上呢？

蛋疼2：使用nat12三、花生殼等代理軟件，設置代理，作端口映射。操做倒不是很麻煩，可是要掏銀子的，有時候速度還很慢。

      頭疼了很久，偶然發現一位大神寫的博客，使用神器fiddler，輕鬆解決了這個問題。大神博客地址： http://www.520ued.com/article/wechat-js-sdk-debug

      下面是我本身按照博文摸索出的方法總結：

1. 下載神器fiddler 

      在這個連接：http://www.cnblogs.com/yuzhongwusan/archive/2012/07/20/2601306.html 裏對fiddler的使用作了詳細的介紹。最初我只是用fiddler來抓包的，get這個技能的時候，還着實興奮了一陣。fiddler抓包網上有詳細的傻瓜式教程，再也不詳述。

      下載地址：http://rj.baidu.com/soft/detail/10963.html?ald  這是百度軟件中心下載，要同時下載相匹配的.NetFrameWork，按照提示安裝便可。

2. 保持手機和電腦在同一網段。

      網段的概念有點專業，不怕被笑話，反正第一次見到的時候我去百度了。後來個人理解就是：電腦鏈接了網絡，使用電腦開一個wifi，把手機連入這個wifi就能夠了。

3. 設置fiddler參數

（1）依次點擊Tools — fiddler option — Generel 這裏我沒作任何改動，默認設置以下。

      注：connections的設置很是重要。圓圈圏的三個勾都要勾上。這裏的端口號我用的默認的80端口，能夠隨意設置。緩存很強，這個設置設好以後就不要隨意更改了。

（2）設置host

設置fiddler的host，使之與微信公衆號開發平臺的安全域名相同。如圖：

設置host步驟：Tools — HOSTS 

      127.0.0.1地址就寫這個。後面的15101是我本地服務的端口，這裏寫本身服務的端口號。

（3）設置手機代理

      打開wifi列表，長按鏈接的wifi，點擊修改網絡設置，勾選顯示高級選項，填寫代理主機ip和fiddler中設置的端口號，以下圖配置。

（4）大功告成。最後別忘了點擊下fiddler下面的capturing，默認是不生效的。

 

最後，打開手機，本地設置斷點，開啓愉快的調試之旅吧！