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

2,199 阅读2分钟

前言

由于微信公众号安全域名的限制,一直无法在本地调用微信的jsapi接口,今天尝试了下用fiddler代理的方式,实现了本地环境来调用jsapi,一起来看看吧!

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

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

接下来要打开我们的神器Fiddler,界面如下:

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

上图中,其实线上是没有这个页面的,是通过代理到本地来实现;

说说这样能解决的问题吧

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

接下来,把资源代理到手机上,来看下面的图,看看怎么操作吧:

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

继续点击配置代理,出现下图:

这里改成手动的,然后配置服务器为你电脑的ip,端口是fiddler的端口,一般是8888,不确定的也可以在fiddler里面查看;鉴定无需管他。 到这里,就配置的差不多了,然后在手机上打开线上的地址看一下,如下图:

通过这种方式,就能在手机上就能通过访问线上地址来打开本地页面了,然后就能调用微信的jsapi接口啦!来看下效果,如下图:

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

结束

通过代理方式,最主要的是解决的安全域名的问题,这个问题解决了,剩下的我觉得就都不是问题了,你们觉得呢!