微信js-sdk分享功能接口常用逻辑封装示例

首先我们需要明确一下什么是微信JS-SDK。微信 JS-SDK 是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信 JS-SDK，网页开发者可为微信用户提供更优质的移动web服务，使用户使用微信内置浏览器访问网页时拥有更好的体验。其中其中分享功能是 JS-SDK 中最常用的功能之一，我们需要对其进行逻辑封装示例。

1. 引入JS文件和配置

在网页的 head 中引入微信提供的 JS 文件：

<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

然后在 body 中写入配置代码：

wx.config({
    debug: false,
    appId: 'xxxxxx', // 必填，你的公众号的唯一标识
    timestamp: xxxx, // 必填，生成签名的时间戳（秒）
    nonceStr: 'xxxxxx', // 必填，生成签名的随机串
    signature: 'xxxxx', // 必填，签名，具体签名方式参考微信官方文档
    jsApiList: [] // 必填，需要使用的JS接口列表，例如：['updateAppMessageShareData', 'updateTimelineShareData']
});

其中 appId 为必填项，其他几项需在你网页后台配置时获取并生成。

2. 分享功能的封装示例

2.1 分享到朋友圈

$('body').on('click', '.btn-share-timeline', function () {
    wx.updateTimelineShareData({
        title: '我是分享标题', // 分享标题
        link: 'http://www.xxx.com/share', // 分享链接
        imgUrl: 'http://www.xxx.com/share.jpg', // 分享图标
        success: function () {
            // 用户成功分享后执行的回调函数
        },
        fail: function () {
            // 用户取消分享后执行的回调函数
        }
    });
});

2.2 分享给朋友

$('body').on('click', '.btn-share-appmsg', function () {
    wx.updateAppMessageShareData({
        title: '我是分享标题', // 分享标题
        desc: '我是分享描述', // 分享描述
        link: 'http://www.xxx.com/share', // 分享链接
        imgUrl: 'http://www.xxx.com/share.jpg', // 分享图标
        success: function () {
            // 用户成功分享后执行的回调函数
        },
        fail: function () {
            // 用户取消分享后执行的回调函数
        }
    });
});

以上两个示例中，我们通过封装 wx.updateAppMessageShareData 和 wx.updateTimelineShareData 方法实现了分享到朋友圈和分享给朋友的功能，并且分别设置了分享的标题、描述、链接、图片和回调函数。需要注意的是，图片必须为网络图片，否则分享时无法显示。

以上就是微信JS-SDK分享功能接口常用逻辑封装示例的完整攻略，希望对您有所帮助。