微信js-sdk分享功能接口常用逻辑封装示例
网络编程 2021-07-04 20:01www.168986.cn编程入门
这篇文章主要介绍了微信js-sdk分享功能接口常用逻辑封装,简单介绍了分享功能接口的功能、逻辑封装与使用方法,需要的朋友可以参考下
本文实例讲述了微信js-sdk分享功能接口常用逻辑封装。分享给大家供大家参考,具体如下:
微信js-sdk 1.0,分享说明:
1.目前支持的分享接口5个,其中分享腾讯微博基本可以忽略
2.接口只是定义分享时的数据,没有提供触发分享功能
一、在ready事件使用使用示例
//分享对象使用 var shareData={ title:'分享标题', desc:'分享描述', link:'http://.gongjuji.', imgUrl:'http://.gongjuji./favicon.ico', suess:function(){ appendText('分享成功'); }, //用户取消 cancel:function(){ appendText('分享取消'); } } var share=new wxShare(shareData); share.bind();
二、封装类定义:
//微信分享事件监听,常用功能封装 (function(){ var wxShare=function(opts){ var defaults={ title:'分享标题',//分享标题,不能为空 desc:'',//分享描述,可以为空,(分享到朋友圈,不支持描述) link:'',//分享页面地址,不能为空 imgUrl:'',//分享是封面图片,不能为空 suess: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, suess:function(){ if(_opts.suess) _opts.suess(); }, calcel:function(){ if(_opts.cancel) _opts.cancel(); } }); //监听,分享给朋友 (type,dataurl基本可以放弃不使用) wx.onMenuShareAppMessage({ title: _opts.title, // 分享标题 desc: _opts.desc, // 分享描述 link: _opts.link, // 分享链接 imgUrl: _opts.imgUrl, // 分享图标 suess: function () { if(_opts.suess) _opts.suess(); }, 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, // 分享图标 suess: function () { if(_opts.suess) _opts.suess(); }, cancel: function () { if(_opts.cancel) _opts.cancel(); } }); //监听,分享到QQ wx.onMenuShareQQ({ title: _opts.title, // 分享标题 desc: _opts.desc, // 分享描述 link: _opts.link, // 分享链接 imgUrl: _opts.imgUrl, // 分享图标 suess: function () { if(_opts.suess) _opts.suess(); }, 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, // 分享图标 suess: function () { if(_opts.suess) _opts.suess(); }, cancel: function () { if(_opts.cancel) _opts.cancel(); } }); } } window.wxShare=wxShare; })();
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程