$("#").on(“click”, function () {
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印
appId: ‘wxf1afaea4f0d7ca4c’, // 必填,公众号的唯一标识
timestamp: 1609329138, // 必填,生成签名的时间戳
nonceStr: ‘123456’, // 必填,生成签名的随机串
signature: ‘8072b2ea4fd70bf90cb1186baff29e18024a641a’,// 必填,签名
openTagList: [
‘wx-open-launch-weapp’
] // 可选,需要使用的开放标签列表,例如[‘wx-open-launch-app’]
});
});
“invalid signature签名错误。建议按如下顺序检查:
确认签名算法正确,可用http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。
确认config中nonceStr(js中驼峰标准大写S), timestamp与用以签名中的对应noncestr, timestamp一致。
确认url是页面完整的url(请在当前页面alert(location.href.split(’#’)[0])确认),包括’http(s)://‘部分,以及’?‘后面的GET参数部分,但不包括’#'hash后面的部分。
确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。
确保一定缓存access_token和jsapi_ticket。
确保你获取用来签名的url是动态获取的,动态页面可参见实例代码中php的实现方式。如果是html的静态页面在前端通过ajax将url传到后台签名,前端需要用js获取当前页面除去’#‘hash部分的链接(可用location.href.split(’#’)[0]获取,而且需要encodeURIComponent),因为页面一旦分享,微信客户端会在你的链接末尾加入其它参数,如果不是动态获取当前链接,将导致分享后的页面签名失败。
详见附录5https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html“”