微信分享自定义内容实现

做html5的童鞋，微信中的分享，包括分享给qq好友、分享到朋友圈等，如何来自定义其中的内容呢？下面咱们一起聊聊。

    微信JS-SDK中的分享有两种方案。

    第1种，可以自定义分享的“title”与“图片”，即使没有微信JSSDK的权限也可以操作。

        大致的思路如下

        1，修改title。在用户点击分享按钮之前，利用js代码修改网页的“title”，代码如下：

           document.title = ‘修改的新标题’

       2，修改图片。因为微信的默认分享，会抓取网页内的第一张图片，作为分享的参考图片，所以做开发的朋友，可以在页面自定义第一张图片，供分享抓取。

   第2种，直接使用微信jssdk的接口，官方示例代码如下：

   

/*分享接口

请注意不要有诱导分享等违规行为，对于诱导分享行为将永久回收公众号接口权限，详细规则请查看：朋友圈管理常见问题 。

获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
*/
wx.onMenuShareTimeline({
    title: '', // 分享标题
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});

//获取“分享给朋友”按钮点击状态及自定义分享内容接口

wx.onMenuShareAppMessage({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    type: '', // 分享类型,music、video或link，不填默认为link
    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});
//获取“分享到QQ”按钮点击状态及自定义分享内容接口

wx.onMenuShareQQ({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
       // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
       // 用户取消分享后执行的回调函数
    }
});
//获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口

wx.onMenuShareWeibo({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () { 
       // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});

                由于分享的接口比较简单，使用过程就不详细讲述了，如果您有任何疑问可以交流。