神器Fiddler十分钟搞定本地调用微信jsapi接口

前言

因为微信公众号安全域名的限制，一直没法在本地调用微信的jsapi接口，今天尝试了下用fiddler代理的方式，实现了本地环境来调用jsapi，一块儿来看看吧！

首先打开一个本地项目以下

这个是一个我本地的页面，而后红框里面的内容，就是用webpack打包出来的资源和一些本地的资源等。

接下来要打开咱们的神器Fiddler，界面以下:

红框圈起来的地方是几个要配置的地方，很简单，都勾选上就行了，主要来看一下这个规则怎么配置，我这边就是加了一个规则，把m.hsyuntai.com下面的资源都指到我本地的资源（下面的那个ip就是我本地的），这样，就能在线上访问我本地的页面拉，就像下面这个图同样：

上图中，其实线上是没有这个页面的，是经过代理到本地来实现；

说说这样能解决的问题吧

这样代理过来的话，域名就是微信公众号的安全域名了，这样在配置wx.config的时候就不会报错。

接下来，把资源代理到手机上，来看下面的图，看看怎么操做吧：

注意：须要和电脑连同一个wifi 点击红色框框的感叹号，出现下图：

继续点击配置代理，出现下图：

这里改为手动的，而后配置服务器为你电脑的ip,端口是fiddler的端口，通常是8888，不肯定的也能够在fiddler里面查看；鉴定无需管他。 到这里，就配置的差很少了，而后在手机上打开线上的地址看一下，以下图：

经过这种方式，就能在手机上就能经过访问线上地址来打开本地页面了，而后就能调用微信的jsapi接口啦！来看下效果，以下图：

没毛病！这样就实现了用本地代码来调用微信的jsapi接口，是否是很方便呢！

结束

经过代理方式，最主要的是解决的安全域名的问题，这个问题解决了，剩下的我以为就都不是问题了，大家以为呢！