微信6.0之后,分享接口使用

  为了净化网络,整顿诱导分享及诱导关注行为,微信于2014年12月30日发布了《微信公众平台关于整顿诱导分享及诱导关注行为的公告》,微信平台开发者发现,原有的微信分享功能不能用了。正在苦于微信分享该怎么解决时,微信于2015年1月10日即时发布了开放JS-SDK,为微信网站的开发提供了强大的js功能。

 注:1.微信JS-SDK,提供的分享接口仅是监听分享事件触发时,修改分享的标题、链接等。不能自定义触发分享事件

        2.分享的监听,仅提供了腾讯旗下产品的接口,接口列表:分享到朋友圈、分享给朋友、分享到QQ、分享到QQ空间、分享到腾讯微博;

微信6.0之后,原有的WeixinJSBridge.on('menu:share:timeline', function (argv) {}不再可以使用,但是微信提供的新的方法 JS-SDK, 官方接口请参见 微信JSSDK说明文档 

分享接口使用实例:

注:本文介绍的前提是服务器端已经获取的公众平台的access_token和Jsapi_Ticket

一、权限验证配置,注册当前页面使用的分享接口

//注入权限验证配置
wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '@AccessTokenManage.AppID', // 必填,公众号的唯一标识
    timestamp:@timestamp , // 必填,生成签名的时间戳
    nonceStr: '@timestamp', // 必填,生成签名的随机串
    signature: '@Common.SecurityHelper.SHA1(sig)',// 必填,签名,见附录1
    jsApiList: [
        //分享接口列表
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareQZone',
        'onMenuShareWeibo'
    ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});

二、在ready事件中,注册监听分享

//处理成功验证
wx.ready(function () {
    // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,
    //config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。
    //对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
    //监听,分享到朋友圈
    wx.onMenuShareTimeline({
        title:'标题测试',
        link:'http://www.gongjuji.net',
        imgUrl:'http://www.gongjuji.net/favicon.ico',
        success:function(){
            appendText('分享成功');
        },
        calcel:function(){
            appendText('已经取消');
        }
    });
    //监听,分享到QQ空间
    wx.onMenuShareQZone({
        title: '标题测试', // 分享标题
        desc: '描述测试', // 分享描述
        link: 'http://www.gongjuji.net', // 分享链接
        imgUrl: 'http://www.gongjuji.net/favicon.ico', // 分享图标
        success: function () {
            // 用户确认分享后执行的回调函数
            appendText('分享QQ空间成功');
        },
        cancel: function () {
            // 用户取消分享后执行的回调函数
            appendText('分享QQ控件取消');
        }
    });
    //监听,分享给朋友 (type,dataurl基本可以放弃不使用)
    wx.onMenuShareAppMessage({
        title: '标题测试', // 分享标题
        desc: '描述测试', // 分享描述
        link: 'http://www.gongjuji.net', // 分享链接
        imgUrl: 'http://www.gongjuji.net/favicon.ico', // 分享图标
        type: 'link', // 分享类型,music、video或link,不填默认为link 
        dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
        success: function () {
            // 用户确认分享后执行的回调函数
            appendText('分享给朋友成功');
        },
        cancel: function () {
            // 用户取消分享后执行的回调函数
            appendText('分享给朋友取消');
        }
    });
    //监听,分享到QQ
    wx.onMenuShareQQ({
        title: '标题测试', // 分享标题
        desc: '描述测试', // 分享描述
        link: 'http://www.gongjuji.net', // 分享链接
        imgUrl: 'http://www.gongjuji.net/favicon.ico', // 分享图标
        success: function () {
            // 用户确认分享后执行的回调函数
            appendText('分享到QQ成功');
        },
        cancel: function () {
            // 用户取消分享后执行的回调函数
            appendText('分享到QQ取消');
        }
    });
    //监听,分享到腾讯微博 (基本可以放弃不使用)
    wx.onMenuShareWeibo({
        title: '标题测试', // 分享标题
        desc: '描述测试', // 分享描述
        link: 'http://www.gongjuji.net', // 分享链接
        imgUrl: 'http://www.gongjuji.net/favicon.ico', // 分享图标
        success: function () {
            // 用户确认分享后执行的回调函数
            appendText('分享到腾讯微博成功');
        },
        cancel: function () {
            // 用户取消分享后执行的回调函数
            appendText('分享到腾讯微博失败');
        }
    });
    appendText('ready事件触发');
});

常用封装实例:http://blog.csdn.net/u011127019/article/details/52688124

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值