导入jssdk,调接口获取appid什么的(后端做这步,前端调用),遇到一个史前巨坑,发现无法分享,后来旁边前端想起来,只能设置分享内容,无法按钮直接分享,三脸懵逼
代码奉上
shareWeChat1 () {
console.log('开始分享');
createJsapiSignatureApi({
url:'https://mp.c****8.com/pages/minePage/invitation/index'
}).then(res=>{
let posterImg = this.info.posterImg
let {
appId,
nonceStr,
signature,
timestamp
} = res.result.ret;
jweixin.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: appId, // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature,// 必填,签名'updateAppMessageShareData',
jsApiList: [ 'updateAppMessageShareData','updateTimelineShareData'] // 必填,需要使用的JS接口列表
});
// 朋友
jweixin.ready(function () { //需在用户可能点击分享按钮前就先调用
jweixin.updateAppMessageShareData({
title: '我的邀请码', // 分享标题
desc: '我的邀请码', // 分享描述
link: 'https://mp.c****8.com/pages/minePage/invitation/index', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: posterImg, // 分享图标
success: function () {
// 设置成功
}
});
// 朋友圈空间
jweixin.updateTimelineShareData({
title: '我的邀请码', // 分享标题
link: 'https://mp.c****8.com/pages/minePage/invitation/index', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: posterImg, // 分享图标
success: function () {
// 设置成功
}
})
});
})
}