神器Fiddler十分鐘搞定本地調用微信jsapi接口

前言

因爲微信公衆號安全域名的限制，一直沒法在本地調用微信的jsapi接口，今天嘗試了下用fiddler代理的方式，實現了本地環境來調用jsapi，一塊兒來看看吧！

首先打開一個本地項目以下

這個是一個我本地的頁面，而後紅框裏面的內容，就是用webpack打包出來的資源和一些本地的資源等。

接下來要打開咱們的神器Fiddler，界面以下:

紅框圈起來的地方是幾個要配置的地方，很簡單，都勾選上就行了，主要來看一下這個規則怎麼配置，我這邊就是加了一個規則，把m.hsyuntai.com下面的資源都指到我本地的資源（下面的那個ip就是我本地的），這樣，就能在線上訪問我本地的頁面拉，就像下面這個圖同樣：

上圖中，其實線上是沒有這個頁面的，是經過代理到本地來實現；

說說這樣能解決的問題吧

這樣代理過來的話，域名就是微信公衆號的安全域名了，這樣在配置wx.config的時候就不會報錯。

接下來，把資源代理到手機上，來看下面的圖，看看怎麼操做吧：

注意：須要和電腦連同一個wifi 點擊紅色框框的感嘆號，出現下圖：

繼續點擊配置代理，出現下圖：

這裏改爲手動的，而後配置服務器爲你電腦的ip,端口是fiddler的端口，通常是8888，不肯定的也能夠在fiddler裏面查看；鑑定無需管他。 到這裏，就配置的差很少了，而後在手機上打開線上的地址看一下，以下圖：

經過這種方式，就能在手機上就能經過訪問線上地址來打開本地頁面了，而後就能調用微信的jsapi接口啦！來看下效果，以下圖：

沒毛病！這樣就實現了用本地代碼來調用微信的jsapi接口，是否是很方便呢！

結束

經過代理方式，最主要的是解決的安全域名的問題，這個問題解決了，剩下的我以爲就都不是問題了，大家以爲呢！