安卓手机端微信自定义分享到朋友圈没有标题图片或标题不一致
使用开发者工具调试显示正常。
appid: wx7c40fe7353192f88
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html ,使用新的wx.updateAppMessageShareData和wx.updateTimelineShareData接口来设置分享数据。
使用页面弹窗,success方法中弹出的title和imgUrl的值也是正确的。
在安卓手机端(小米MUI14.0.8, 微信版本8.0.48),访问页面地址,分享到朋友圈。
分享到朋友圈的几种问题:
(1)有时候显示的分享文字
(2)缩略图未显示。
(3)显示的标题与设置的标题不一致,缩略图未显示。
页面调用代码: setWxConfig方法在页面加载完成后调用的。
function setWxConfig() {
wx.config({
debug: false,
appId: appId,
timestamp: timeStamp,
nonceStr: nonceStr,
signature: signature,
jsApiList: [
'checkJsApi',
'updateAppMessageShareData',
'updateTimelineShareData',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'hideMenuItems',
'showMenuItems',
'hideAllNonBaseMenuItem',
'showAllNonBaseMenuItem',
'translateVoice',
'startRecord',
'stopRecord',
'onRecordEnd',
'playVoice',
'pauseVoice',
'stopVoice',
'uploadVoice',
'downloadVoice',
'chooseImage',
'previewImage',
'uploadImage',
'downloadImage',
'getNetworkType',
'openLocation',
'getLocation',
'hideOptionMenu',
'showOptionMenu',
'closeWindow',
'scanQRCode',
'chooseWXPay',
'openProductSpecificView',
'addCard',
'chooseCard',
'openCard'
]
});
wx.error(function (res) {
console.log(res);
console.warn('微信验证失败,分享功能无法正常使用!');
});
wx.ready(function () {
wx.updateAppMessageShareData({
title: title,
desc: desc,
imgUrl: imgUrl,
link: window.location.href
});
wx.updateTimelineShareData({
title: title,
desc: desc,
imgUrl: imgUrl,
link: window.location.href,
success: function () {
//// alert('调用分享成功.. imgUrl=' + imgUrl +', title=' + title + ',desc=' + desc);
},
cancel: function () {
}
});
});
}
最终解决了。把页面地址和图片链接的协议改为一致(这里是都改成https), 然后分享就有图片了。
是不是封面图片太大了
你好 请问解决了吗
封面太大,就会有这种问题
分享到朋友圈有问题,分享到QQ空间是正常的。
期望调用自定义分享后,点击分享到朋友圈的时候,默认显示以下内容 (微信开发者工具分享到朋友圈可用弹出这个内容)
同一个页面,分享到QQ空间是正常的:
是不是可能点太快了,配置还没生成就点了分享。可以弄个弹窗,确认配置以及生成了,再去点分享看看