一:配置好JS接口安全域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
这个域名很关键,后续的请求和jssdk签名都要用到它
二:签名中的url说明
wx.config中签名用到的url是前端页面的url,类似 https://www.baidu.com/
因为我这边使用vue的hash路由,所以只要在首页配置好wx.config就行了,否则每次url变化都需要重新配置(需配置的网页要用到jsskd)
三:使用charles代理
假如我们要使用jssdk的网站是 http://www.test.com/#/example,并且www.test.com是第一步的js接口安全域名
-
在charles设置代理
-
然后手机连接和电脑同一个wifi,配置手机wifi的代理,选择代理模式为手动
主机名是电脑的 ip
端口是charles的代理的port,默认8888 -
手机访问 http://www.test.com/#/example,这时charles就可以监听到了
最后把 http://www.test.com 代理到我们的电脑本地启动的项目