QQ、微博、navigator分享

1. QQ

//引入qqapi
<script src="//open.mobile.qq.com/sdk/qqapi.js"></script>

<script>
//注册分享内容 qq没有回调
mqq.data.setShareInfo({
    title: "标题",
    desc: "简介",
    image_url: shareImage,
    share_url: shareUrl
}, function(e){
    onsole.log(e)
});

//可以直接打开分享菜单
mqq.ui.showShareMenu();
</script>

2.微博

//引入js
<script src="//open.weibo.com/views/js/wbsdk.js" type="text/javascript" charset="utf-8"></script>

<script>
//init 需要现在微博开放平台注册轻应用
wb.init({
    debug: false,
    appkey: appKey,
    timestamp: timestamp,
    noncestr: nonceStr,
    signature: signature,
    scope: [
        'setSharingContent',
        'openMenu'
    ]
});

//注册分享内容 
wb.ready(function(){
    wb.setSharingContent({
        icon: this.shareImage,
        title: '简介',
        desc: '标题',
        success: function (res) {
            //这个事件 是分享内容注入成功的事件并不是分享成功后的回调
            console.log(res)
        },
        fail: function (res) {
            console.log(res)
        }
    });
});

//这个事件可以打开分享菜单 只有本次有回调，关闭后再点击右上角菜单没有回调  必须通过openMenu才有回调
wb.openMenu({
    success: function (res) {
        alert("分享成功")
    },
    fail: function (res) {
        alert("分享失败")
    }
});
</script>

3.navigator

<script>
//一些支持navigator的也可以进行分享  虽然说有标准但是各家的适配好像也不同。。
if (navigator.share) {
    window.navigator.share({text:'标题',icon:shareImage,url:shareUrl}).then(() => {
                alert("分享成功")
            })
             .catch((e) => alert(e))
          }
</script>