微信分享图标设置，以及wx.config配置

站长手记作者： 2024-08-28 09:45:01

页面分享微信显示小图和描述的功能，微信就会抓取这张图片做为分享图片，微信对自定义分享内容作了限制，于是最终还是得回到配置wx.config上来。

wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来
    appId: data.configMap.appId, // 必填，公众号的唯一标识
    timestamp: data.configMap.timestamp, // 必填，生成签名的时间戳
    nonceStr: data.configMap.nonceStr, // 必填，生成签名的随机串
    signature: data.configMap.signature,// 必填，签名，见附录1
    jsApiList: [
        "onMenuShareTimeline",//分享朋友圈接口
        "onMenuShareAppMessage"//分享给朋友接口
    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

var link = location.href;
$.ajax({
    url:"your_url",//后台给你提供的接口
    type:"GET",
    data:{"url":link},
    async:true,
    dataType:"json",
    success:function (data){
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来
            appId: data.configMap.appId, // 必填，公众号的唯一标识
            timestamp: data.configMap.timestamp, // 必填，生成签名的时间戳
            nonceStr: data.configMap.nonceStr, // 必填，生成签名的随机串
            signature: data.configMap.signature,// 必填，签名，见附录1
            jsApiList: [
                "onMenuShareTimeline",
                "onMenuShareAppMessage"
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
        wx.error(function (res) {
            alert(res);
        });
    },
    error:function (error){
        alert(error)
    }
});

wx.ready(function(res) {
    wx.onMenuShareAppMessage({
        title: document.title,
        desc:document.title,
        link: link,
        imgUrl: Imgurl,
        trigger: function(res) {},
        success: function(res) {},
        cancel: function(res) {},
        fail: function(res) {}
    });
    wx.onMenuShareTimeline({
        title: document.title,
        link: link,
        imgUrl: Imgurl,
        trigger: function(res) {},
        success: function(res) {},
        cancel: function(res) {},
        fail: function(res) {}
    });
});

原创声明

本站部分文章基于互联网的整理，我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

本文链接：http://www.jiecseo.com/news/show_70055.html

相关资讯：微信分享微信分享图标