微信公众号分享 和 分享时出现invalid signature签名错误解决办法

 console.log("=== location ===", location, _this)
  var url= location.href.split('#')[0];
  console.log("======================",url)
  $.ajax({
      type : "POST",
      url : "后台接口路径",
      dataType : "json",
      data : {
          appUrl: encodeURIComponent(url),
          appCode:'aaaaaaaaaaaaaaaa',
      },
      success : function(res) {
          console.log('res', res)
          if (res.flag==='success') {
              var _appId = res.defmap.appId;
              var _timestamp = res.defmap.timestamp;
              var _nonceStr = res.defmap.nonceStr;
              var _signature = res.defmap.signature;
              wx.config({
                  debug: false,
                  appId: _appId,
                  timestamp: _timestamp,
                  nonceStr: _nonceStr,
                  signature: _signature,
                  jsApiList: [
                      'onMenuShareTimeline',
                      'onMenuShareAppMessage',
                      'updateAppMessageShareData'
                  ]
              });

              wx.ready(function () {
                wx.checkJsApi({
                  jsApiList: [
                    'onMenuShareAppMessage',
                    'onMenuShareTimeline',
                    'updateAppMessageShareData'
                  ], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                  success: function(res) {
                    console.log('checkJsApi:', res)
                    if (res.checkResult.updateAppMessageShareData || res.checkResult.onMenuShareAppMessage) {

                        wx.updateAppMessageShareData({
                          title: title, // 分享标题
                          desc: desc, // 分享描述
                          link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                          imgUrl: '', // 分享图标(完整的图片路径)
                          success: function (data) {
                            // 设置成功
                            console.log('updateAppMessageShareData success:', data);
                          },
                          fail: function(error) {
                            console.log('updateAppMessageShareData error:', error);
                          }
                        });
                    }
                  }
                });
              });

              wx.error(function (res) {
                  console.log('config失败',res)
                  // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
              });
          }
      },
  });

 

invalid signature签名错误时，解决办法。

invalid signature签名错误建议按如下顺序检查：


 
(1)确认签名算法正确，可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。


 
(2)确认config中nonceStr（js中驼峰标准大写S）, timestamp与用以签名中的对应noncestr, timestamp一致。



(3)确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认)，包括'http(s)://'部分，以及'？'后面的GET参数部分,但不包括'#'hash后面的部分。



(4)确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。



(5)确保一定缓存access_token和jsapi_ticket。



(6)确保你获取用来签名的url是动态获取的。如果是html的静态页面在前端通过ajax将url传到后台签名，前端需要用js获取当前页面除去'#'hash部分的链接（可用location.href.split('#')[0]获取,而且需要encodeURIComponent），因为页面一旦分享，微信客户端会在你的链接末尾加入其它参数，如果不是动态获取当前链接，将导致分享后的页面签名失败。



(7)查看微信公众号---公众号设置---功能设置---JS接口安全域名是否配置了分享路径和请求路径的域名



(8)按上面步骤检查都没有问题，但是本地测试一直报invalid signature签名错误时，可以上传到服务器试试。