微信分享网页时自定义标题、描述和图片?
准备实现微信分享网页时自定义标题、描述和图片,已经开通公众号,后端使用java。
但是实验了好久,一直没有缩略图,请大神指教。
$(function () {
$.ajax({
url: 'getWxConfig.action',
type: 'POST',
dataType: 'json',
data: {"url": encodeURIComponent(window.location.href.split("#")[0])}
}).done(function (res) {
wxstart(res);
})
});
function wxstart(data){
console.log("wxstart");
var url = location.href; //分享的文章地址
var appId = data.appId;
var timestamp = data.timestamp;
var nonceStr = data.nonceStr;
var signature = data.signature;
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: appId, // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature,// 必填,签名,见附录1
jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage", "onMenuShareQQ" , "onMenuShareWeibo"] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
wx.ready(function(){
// 1 判断当前版本是否支持指定 JS 接口,支持批量判断
$('#checkJsApi').click(function () {
wx.checkJsApi({
jsApiList: [
'onMenuShareTimeline',
],
success: function (res) {
alert(JSON.stringify(res));
}
});
});
var shareData = {
title: document.title,
desc: "政府牵头推动成立的惠民金融平台",
link: location.href,
imgUrl: 'https://vip.zhixingcode.com/img/logo.jpg'
};
wx.onMenuShareAppMessage(shareData);
wx.onMenuShareTimeline(shareData);
wx.onMenuShareQQ(shareData);
wx.onMenuShareWeibo(shareData);
});
}
1.提示为获取权限,是正常的吗?
2 点击分享到朋友圈,JS-SDK提示有错误,但是不知道错误在哪里看