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

本文实例讲述了微信js-sdk分享功能接口常用逻辑封装。分享给大家供大家参考，具体如下：

微信js-sdk 1.0，分享说明：

1.目前支持的分享接口5个，其中分享腾讯微博基本可以忽略

2.接口只是定义分享时的数据，没有提供触发分享功能

一、在ready事件使用使用示例

//分享对象使用var shareData={  title:'分享标题',  desc:'分享描述',  link:'http://www.gongjuji.net',  imgUrl:'http://www.gongjuji.net/favicon.ico',  success:function(){    appendText('分享成功');  },  //用户取消  cancel:function(){    appendText('分享取消');  }}var share=new wxShare(shareData);share.bind();

二、封装类定义：

//微信分享事件监听，常用功能封装(function(){var wxShare=function(opts){  var defaults={    title:'分享标题',//分享标题,不能为空    desc:'',//分享描述，可以为空，（分享到朋友圈，不支持描述）    link:'',//分享页面地址,不能为空    imgUrl:'',//分享是封面图片，不能为空    success:function(){},//分享成功触发    cancel:function(){} //分享取消触发，需要时可以调用  }  this.opts=$.extend({},defaults,opts);}wxShare.prototype={  //绑定微信朋友圈，发送朋友  bindWX:function(){    var _opts=this.opts;    //监听，分享到朋友圈    wx.onMenuShareTimeline({      title:_opts.title,      link:_opts.link,      imgUrl:_opts.imgUrl,      success:function(){        if(_opts.success)          _opts.success();      },      calcel:function(){        if(_opts.cancel)          _opts.cancel();      }    });    //监听，分享给朋友 （type，dataurl基本可以放弃不使用）    wx.onMenuShareAppMessage({      title: _opts.title, // 分享标题      desc: _opts.desc, // 分享描述      link: _opts.link, // 分享链接      imgUrl: _opts.imgUrl, // 分享图标      success: function () {        if(_opts.success)          _opts.success();      },      cancel: function () {        if(_opts.cancel)          _opts.cancel();      }    });  },  //绑定QQ空间，QQ好友  bindQQ:function(){    var _opts=this.opts;    //监听，分享到QQ空间    wx.onMenuShareQZone({      title: _opts.title, // 分享标题      desc: _opts.desc, // 分享描述      link: _opts.link, // 分享链接      imgUrl: _opts.imgUrl, // 分享图标      success: function () {        if(_opts.success)          _opts.success();      },      cancel: function () {        if(_opts.cancel)          _opts.cancel();      }    });    //监听，分享到QQ    wx.onMenuShareQQ({      title: _opts.title, // 分享标题      desc: _opts.desc, // 分享描述      link: _opts.link, // 分享链接      imgUrl: _opts.imgUrl, // 分享图标      success: function () {        if(_opts.success)          _opts.success();      },      cancel: function () {        if(_opts.cancel)          _opts.cancel();      }    });  },  //绑定默认，不使用腾讯微博  bind:function(){    this.bindWX();    this.bindQQ();  },  //绑定所有,包括腾讯微博  bindAll:function(){    this.bind();    var _opts=this.opts;    //监听，分享到腾讯微博 (基本可以放弃不使用)    wx.onMenuShareWeibo({      title: _opts.title, // 分享标题      desc:_opts.desc, // 分享描述      link: _opts.link, // 分享链接      imgUrl:_opts.imgUrl, // 分享图标      success: function () {        if(_opts.success)          _opts.success();      },      cancel: function () {        if(_opts.cancel)          _opts.cancel();      }    });  }}window.wxShare=wxShare;})();