微信分享网页时自定义标题、描述和图片?
发布于 6 年前 作者 yanjin 632 次浏览 来自 问答

准备实现微信分享网页时自定义标题、描述和图片,已经开通公众号,后端使用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提示有错误,但是不知道错误在哪里看

回到顶部