微信自定义分享的失败报错签名错误,但是在线调试的时候,签名是正确的,可以能是什么原因导致的呢?

微信自定义分享的失败报错签名错误,但是在线调试的时候,签名是正确的,可以能是什么原因导致的呢?

                             axios.get("./api/getSignature")
                                           .then(function(response) {
                                                        //数据    success
                                                        console.log(response);
                                                        const jssdk=response.data.data;
                                              wx.config({
                                                debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                                                appId: jssdk.appId, // 必填,公众号的唯一标识
                                                timestamp: jssdk.timestamp, // 必填,生成签名的时间戳
                                                nonceStr:jssdk.nonceStr, // 必填,生成签名的随机串
                                                signature: jssdk.signature,// 必填,签名
                                                jsApiList: [
                                                    "onMenuShareTimeline",
                                                    "onMenuShareAppMessage"
                                                ] // 必填,需要使用的JS接口列表
                                            });
                                            
                        wx.ready(function(){
                                 // 微信分享的数据  
                                    //分享给朋友圈
                                    wx.onMenuShareTimeline({
                                    title: 'xxxxxx', // 分享标题
                                    link: window.location.href.split('#')[0], // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                    imgUrl: 'http://www.link-anno.com/as/static/img/musical45.png', // 分享图标
                                    success: function () {
                                    // 用户确认分享后执行的回调函数
                                    console.log("分享成功");
                                },cancel: function () {
                                        // 用户取消分享后执行的回调函数
                                         console.log("分享失败");
                                        }
                                    });
                                //分享给朋友
                                wx.onMenuShareAppMessage({    
                                title: 'xxxxxx', // 分享标题
                                desc: 'xxxxxx', // 分享描述
                                link: window.location.href.split('#')[0], // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                imgUrl: 'http://www.link-anno.com/as/static/img/musical45.png', // 分享图标
                                type: 'link', // 分享类型,music、video或link,不填默认为link
                                success: function () {
                                // 用户确认分享后执行的回调函数
                                  console.log("分享成功");
                                },
                                cancel: function () {
                                // 用户取消分享后执行的回调函数
                                 console.log("分享失败");
                                }
                                });
                            })
                            })
                            
                                            

页面报错

clipboard.png

在官方文档上找的 原因是因为签名失败导致的

clipboard.png

我确认过算法是正确的,可能是什么原因导致的呢?

阅读 4.7k
5 个回答

微信的签名特别麻烦。很难理解,仔细多看几遍,试几遍就知道了。是在不行,下一个 demo 研究一下

先用微信的在线签名验证工具验证签名,然后看看缓存那里是不是有问题。

可能是测试环境和正式环境的域名不一样,有哪里写死了

你怎么解决的,我也遇到问题了。

推荐问题