var hrefUrl = window.location.href.split('#')[0];
var title = '{$info.name}';
var imgUrl = '{$info.pic}';
var Id = '{$info.id}'
// var str = JSON.stringify({id:'{$info.id}',jump_type:13})
var wx = wx;
$.ajax({
url: 'https://xxxx.com/app/Login/js',
// url : "/wxshare",
type: 'POST',
data: {
url: hrefUrl
},
success: (res) => {
// alert(res.wx.appId)
// 微信分享
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: res.wx.appId, // 必填,公众号的唯一标识
timestamp: res.wx.timestamp, // 必填,生成签名的时间戳
nonceStr: res.wx.nonceStr, // 必填,生成签名的随机串
signature: res.wx.signature,// 必填,签名
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'],// 必填,需要使用的JS接口列表
openTagList: ['wx-open-launch-app'] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app']
});
},
fail: function (err) {
// console.log('errr',err)
// alert("获取失败")
// 设置成功
}
})
wx.error(function (res) {
// alert('验证失败')
console.log('err',res)
// console.log(res)
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名
});
wx.ready(function(){
wx.checkJsApi({
jsApiList: [
'updateAppMessageShareData',
'updateTimelineShareData',
],
openTagList: ['wx-open-launch-app']
}),
wx.updateAppMessageShareData({
title: title, // 分享标题
desc: title, // 分享描述
link: hrefUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
success: function () {
// alert("分享成功")
// 设置成功
},
feil: function () {
// alert("分享失败")
// 设置成功
}
}),
wx.updateTimelineShareData({
title: title, // 分享标题
link: hrefUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: imgUrl, // 分享图标
success: function () {
// 设置成功
}
})
})
你好,开发者工具Debug一下
vue开发的H5在电脑微信点分享给朋友,如果切换页面后点分享,分享的内容是打开页面时的内容,并不是当前内容。例如打开是url是/web/a,点击到/web/b点分享给朋友,这时候分享的内容是a页面的内容
手机端分享给朋友,朋友圈,都是正常的卡片形式,
pc端分享就不行了,只有链接没有图片,是什么原因