博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信js-sdk,分享接口常用逻辑分装
阅读量:4287 次
发布时间:2019-05-27

本文共 3305 字,大约阅读时间需要 11 分钟。

微信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;})();

转载地址:http://lfogi.baihongyu.com/

你可能感兴趣的文章
html页面中iframe嵌套页面的父页面和子页面js方法互相调用
查看>>
求字符串中变换位置问题
查看>>
求这个字符串中的最大的数字字符串
查看>>
json.loads
查看>>
快速截屏小工具
查看>>
selenium-webdriver(python) (十)
查看>>
swichomege安装
查看>>
复制文件File
查看>>
复制大文件
查看>>
Git使用
查看>>
文件加密与解密
查看>>
jsonp修改 增加callback
查看>>
Fiddler抓包8-打断点(bpu)
查看>>
Python安装和安装selenium
查看>>
python接口自动化1-发送get请求 request
查看>>
No module named 'email.mime'; 'email' is not a package
查看>>
编写第一个自动化脚本
查看>>
2017.05.06 记雏鹰博客系统开工第4天。
查看>>
雏鹰开发附件2– Mybatis相关xml配置
查看>>
SpringBoot 入门:环境搭建与HelloWorld~
查看>>