微信H5开发wx.config授权invalid signature

微信H5（公众号）开发过程中，遇到了wx.config失败的情况，造成的原因在此记录一下，也为各位提个醒。

打开wx.config的debug选项，会在配置后弹框提示配置结果，如果提示errMsg：config ok，这是正确的，有同事以为errMsg就是错了，其实是不正确的。关键要看后面的提示。

一、一般来说“invalid signature”出现的情况比较多，会影响的因素也比较多，官网也给出了解决方案，参考官方

概述 | 微信开放文档

我将以自己的理解总结下：

需要在公众号的开发者账号下设置js接口安全域名，只填域名即可，不用带http://或https://。
生成signature的方式最好由后台提供接口，需要传递url参数。如果前端路由是hash模式，需要传递“#”之前的内容，如果是history模式，传递当前路径的全路径即可。encodeURIComponent(location.href.split('#')[0]) 就可满足。注意如果前端转码，则接口一定要解码。wx.config在进入系统后执行一次即可，无需每个页面都config。
wx.config中个别属性要注意大小写，如nonceStr，timestamp等。
确保2中的url是动态获取的，官网也在【6】中提及，有同事配置时其他都正确，就是把config的url固定写死了，也会配置失败。
像操作菜单项的功能，一定要在测试环境中运行检查，不要在开发环境下，而且一定要把测试地址发到（随便的）公众号下，通过点击公众号下的地址测试才可能看到效果。
如果以上都没问题，尝试验证signature是否正确，看看接口的逻辑是不是写错了。

二、还有“permission denied”的情况，最好是检查一下config下jsApiList参数和官网提供api名称是否一致。

如果是invalid signature 后又提示的 permission denied，那属于没config成功，参考【一】中的思路检查即可。

微信H5开发wx.config授权invalid signature相关推荐

微信JSSDK分享接口中wx.config 出现invalid signature问题的解决办法
先看下面的JSP代码: String rand = StringUtil.getUUID(); //随机字符串 //String timestamp = Long.toString(new ...
微信二次分享签名错误php,微信二次分享报错invalid signature问题及解决方法
基于微信公众号开发的h5页面(使用jssdk接口),由用户A分享给用户B,用户B再次分享这个页面时,不能成功分享.问题出在用户B收到的分享链接与用户A打开的链接不同 A用户的链接为 B用户收到的连接 ...
完美解决微信js-sdk在IOS系统报invalid signature的问题
完美解决微信js-sdk在IOS系统报invalid signature的问题作者原创,转载注明出处一.解决方案先说结论再说过程: (一)npm i jweixin-1.6.0 .系本人优化封装 ...
h5键盘把页面顶走了_微信h5开发的坑
记一次微信h5开发的坑... 正常的效果如下: 本身用的cube-ui开发,上半部分是自己写的,下边用的是better-scroll,为了滑动更流畅.这个页面前边有一个登录页面,登录之后就会跳到这个首 ...
vue 单页面(SPA) history模式调用微信jssdk 跳转后偶尔 “invalid signature“错误解决方案
vue 单页面(SPA) history模式调用微信jssdk 跳转后偶尔 "invalid signature"错误解决方案参考文章: (1)vue 单页面(SPA) hist ...
挑选微信h5开发制作公司的标准是什么？
基于H5引擎技术的不断成熟与迭代,H5小游戏的制作水准和需求量也是越来越高,像TOM游戏,金豆游戏这些h5开发公司也如雨后春笋般涌现出来,现在市面上的微信h5开发制作公司那么多,又该如何挑选呢?挑选的 ...
H5微信网页开发总结（授权，分享，地图）
H5微信网页开发总结(网页授权,JS-SDK分享.地图) 目录: 网页授权分享地图参考文档https://developers.weixin.qq.com/doc/offiaccount/OA_ ...
微信网页开发wx.chooseImage多图上传、预览（已解决）
需求: 1.调用微信jsSDK选图或者拍照(选图支持选多图) 2.选图或者拍照后提供预览,但不把图片下载到服务器 3.提交表单的时候再一并提交,把图片下载到服务器 4.支持编辑页面删除已选图片(此图已 ...
解决，微信网页开发，网页授权域名数量不足问题
背景:相信很多开发微信公众号的小伙伴都碰到过这个问题,微信限制我们配置网页授权域名数量,但是大部分团队肯定不止一个业务需要微信网页登录的,我们这里可以利用nginx作为代理,实现只配置一个授权域名,完 ...
uniappH5 使用JSSDK微信支付出现 wx.config is not a function (jweixin is not a function) -- uni-appH5 调用微信支付
在 main.js 中引入,在页面使用时找不到首先npm 安装一下 JSSDK npm install jweixin-module --save 引入jweixin <script> ...

微信H5开发wx.config授权invalid signature

微信H5开发wx.config授权invalid signature相关推荐

最新文章

热门文章