首页 > 编程 > JavaScript > 正文

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

2019-11-20 08:45:49
字体:
来源:转载
供稿:网友

本文实例讲述了微信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;})();

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表