本文主要是介绍微信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();}});//监听,分享到QQwx.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;
})();
这篇关于微信js-sdk,分享接口常用逻辑分装的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!