微信公众号分享带参数 jsapi

leokim / / 前端

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
      wx.config({
    debug: false,
        appId: 'wx9ed037f2aa8cf874',
        timestamp: '1557912019',
        nonceStr: 'nYNXxukNqGeZwVGZ',
        signature: '1053c3326a13152503cdbe04398b01a11aec6f09',
        jsApiList: [
            "onMenuShareTimeline",
            "onMenuShareAppMessage",
            "onMenuShareQQ",
            "onMenuShareQZone",
        ]
      });
      wx.ready(function () {
        // 在这里调用 API
        wx.checkJsApi({
        jsApiList: ["onMenuShareTimeline",
            "onMenuShareAppMessage",
            "onMenuShareQQ",
            "onMenuShareWeibo",
            "onMenuShareQZone",], // 需要检测的JS接口列表，所有JS接口列表见附录2,
            success: function(res) {
                if(res.errMsg !='checkJsApi:ok'){
                    alert('请升级您的微信版本');
                    return;
                }
            }
        });
      //分享Demo
      //获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
      wx.onMenuShareTimeline({
        title: 'xxxxx', // 分享标题
        link: 'http://www.xxxxxx.com/mobile', // 分享链接
        imgUrl: '', // 分享图标
        success: function () { 
            // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
      });
      //获取“分享给朋友”按钮点击状态及自定义分享内容接口
      wx.onMenuShareAppMessage({
        title: '乡惠农品', // 分享标题
        desc: '乡惠农品', // 分享描述
        link: 'http://www.xxxxxxxx.com/mobile', // 分享链接
        imgUrl: '', // 分享图标
        type: '', // 分享类型,music、video或link，不填默认为link
        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
        success: function () { 
            // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
      });
      //获取“分享到QQ”按钮点击状态及自定义分享内容接口
      wx.onMenuShareQQ({
        title: 'XXXXX', // 分享标题
        desc: 'XXXXX', // 分享描述
        link: 'http://www.XXXXX.com/mobile', // 分享链接
        imgUrl: '', // 分享图标
        success: function () { 
           // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
           // 用户取消分享后执行的回调函数
        }
      });
      //获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
      wx.onMenuShareQZone({
        title: 'xxxxxx', // 分享标题
        desc: 'xxxxxxx', // 分享描述
        link: '', // 分享链接
        imgUrl: '', // 分享图标
        success: function () { 
           // 用户确认分享后执行的回调函数
        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
      });
      });
             
</script>