微信 JSSDK使用及开发记录

开发描述：在页面中可以同时发布文字，音频以及图片，点击添加会弹出选择框（录音，图片）点击录音后会跳转到另一页面进行录音操作

在这里调用微信JS-SDK说明文档中 5 音频接口

1.安装 sdk 后在页面中引用 weixin-js-sdk
2.使用微信 js 进行授权配置

 GetWxConfig({url: url}).then(data => {if (!data.iserror) {wx.config({debug: true, // 开启调试模式,appId: data.data.appId, // 必填，企业号的唯一标识，此处填写企业号corpidtimestamp: data.data.timestamp, // 必填，生成签名的时间戳nonceStr: data.data.nonceStr, // 必填，生成签名的随机串signature: data.data.signature,// 必填，签名，见附录1jsApiList: ['startRecord','uploadVoice','chooseImage','uploadImage'] // 必填，使用的JS接口列表});}})

3.通过ready接口处理成功验证，通常都把调用接口写在ready里面

 wx.ready(function () {wx.chooseImage({count: 9, // 默认9sizeType: ['original', 'compressed'], sourceType: ['album','camera'],success: function (res) {console.log(res.localIds)var localIds = res.localIdsvar serverIds = [];that.uploadImage(localIds,serverIds)},fail() {Toast('选择图片失败！');}});})

4.上传好音频后，需要传回本地数据库中返回的临时音频数据，注意：在vue项目中，如果页面需要微信授权配置，也就是获取config，使用this.$router是不生效的，需要用location.href

这里纠结了两天的问题：在页面使用 location.href 传值过程中，返回到上一页面总是报错
{errmsg：config:ok}{errmsg：config:invalid signat }> 签名错误
主要原因就是 url 错误，起初以为是不可以传参数，后来以为不可以传对象，最后排查出来是传 FilePath 字段时候报错

在location.href 传值的时候，因为数据中包含路径信息，有 ’ / ’ 字符，需要转义

location.href = '/readingCircle/publishCircle?AudioID=' + this.tapeItem.ID+'&FileName=' + this.tapeItem.fileName+'&FilePath=' + encodeURIComponent(this.tapeItem.filePath)

接收

created(){if(this.$route.query.Duration){this.tape.ID = this.$route.query.AudioIDthis.tape.fileName = this.$route.query.FileNamethis.tape.filePath = decodeURIComponent(this.$route.query.FilePath)}console.log(this.tape)
}
mounted(){getWxConfig(location.href)
}

完美！

errmsg：config:invalid signat相关推荐

微信分享踩坑：config:invalid signature错误的解决方法
微信分享踩坑:config:invalid signature错误的解决方法一般出现这个错误多半是签名获取失败,而我根据我获取到的签名跟签名算法校验里面得到的签名是一样的,于是查找大量文档,核实可能 ...
关于微信公众号开发【微信JS-SDK】报错：config invalid url domian
1.最近遇到微信公众号分享功能,加载微信JS-SDK 先是提示签名不正确,完全是按照标准文档做的,后来发现没传url.传入url后,又提示config invalid url domian,始终找不到 ...
微信测试号：config:invalid url domain
今天调试微信分享的时候,配置参数时一直提示config:invalid url domain,网上找了一下,都说是appId和域名没有绑定.仔细看了下,有绑定没错.又猜测是不是二级域名的问题,因为是测 ...
解决微信H5获取SDK授权报错提示errMsg: “config:fail,Error: 系统错误，错误码：63002,invalid signature [20200908 22:17:17][]“
如果常规检查都做过可以仔细看下微信开放文档这个里面的报错原因如果都不是那么极有可能是(恭喜你!看样子你的H5页面日活人数还蛮多[呲牙]) 获取腾讯微信平台access_token超过每日默认上限2 ...
提示wx.chooseImage permission denied或提示errmsg config:invalid signature怎么解决？
因为是帮别人修复问题,只能一点点排查了. 微信端上传图片时提示wx.chooseImage permission denied或提示errmsg config:invalid signature怎么解 ...
微信扫一扫错误提示realauthurl:xxx errmsg config:invalid signature
使用微信测试号实现微信扫一扫功能时出现的问题 1. 环境: springboot + js +微信测试号 + 花生壳穿透 2. 问题 ios系统调用微信扫一扫时候出现 realauthurl:x ...
errMsg:config:invalid signature
微信js-sdk报 errMsg:config:invalid signature 根据微信官方排错步骤:https://developers.weixin.qq.com/doc/offiaccoun ...
微信二次分享链接，出现config:invalid signature错误的解决方法
当开发微信时需要做特定的页面做分享时,根据官方提供的jssdk.php文件创建的签名数据包调试时,大家碰到的最多的错误而且解决最麻烦的大概就是signature错误了, 分享时提示错误"{& ...
微信分享链接出现config:invalid signature错误的解决方法
当开发微信时需要做特定的页面做分享时,根据官方提供的jssdk.php文件创建的签名数据包调试时,大家碰到的最多的错误而且解决最麻烦的大概就是signature错误了,如下图: 分享时提示错误&quo ...

errmsg：config:invalid signat

微信 JSSDK使用及开发记录

errmsg：config:invalid signat相关推荐

最新文章

热门文章

errmsg：config:invalid signat

微信 JSSDK使用 及 开发记录

errmsg：config:invalid signat相关推荐

最新文章

热门文章

微信 JSSDK使用及开发记录