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




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值