微信JSSDK分享接口

Posted 2021-01-09 HUI9527

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: ‘‘, // 必填，公众号的唯一标识
    timestamp: ‘‘, // 必填，生成签名的时间戳
    nonceStr: ‘‘, // 必填，生成签名的随机串
    signature: ‘‘,// 必填，签名
    jsApiList: [
        ‘onMenuShareTimeline‘,
        ‘onMenuShareAppMessage‘,
        ‘onMenuShareQQ‘,
        ‘onMenuShareWeibo‘,
        ‘onMenuShareQZone‘
    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});

wx.ready(function () {
    wx.checkJsApi({
        jsApiList: [‘chooseImage‘], // 需要检测的JS接口列表，所有JS接口列表见附录2,
        success: function(res) {
            console.log(res);
            // 以键值对的形式返回，可用的api值true，不可用为false
            // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
        }
    });
    var wxShareObj = { // 分享参数
        title: ‘‘, // 分享标题
        desc: ‘　‘, // 分享描述
        link: ‘‘, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        // 该链接是重定向链接，因为需要获取用户code，但是该链接又无法直接写微信获取code的链接，
        // 所以需要点击后重新加载新的页面，来实现重定向，重新打开获取code的微信链接，实现获取用户信息的功能；
        imgUrl: ‘‘, // 分享图标
        fail: function (res) {
            alert(JSON.stringify(res));
        }
    };
    // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
    wx.onMenuShareAppMessage(wxShareObj);

    // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
    wx.onMenuShareTimeline(wxShareObj);

    // 2.3 监听“分享到QQ”按钮点击、自定义分享内容及分享结果接口
    wx.onMenuShareQQ(wxShareObj);

    // 2.4 监听“分享到微博”按钮点击、自定义分享内容及分享结果接口
    wx.onMenuShareWeibo(wxShareObj);

    // 2.5 监听“分享到QZone”按钮点击、自定义分享内容及分享接口
    wx.onMenuShareQZone(wxShareObj);
});
</script>

注：若分享描述为空时，iOS手机会显示分享链接，可以在分享描述desc字段后面输入全角空格