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签名错误时，可以上传到服务器试试。
