微信分享

  作者:chrispy

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <title>资讯</title> <link r

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

    <title>资讯</title>

    <link rel="stylesheet" href="/css/reset.css">

    <link rel="stylesheet" href="/css/layout.css">

</head>

<body>

   <!--#include virtual="/WebPage/common.html"-->

   <div>

       <button id="share-btn">按钮</button>

   </div>

    <script>

            wx.config({

                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端$.alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

                appId: 'wx19684e7a05958c8e', // 必填,公众号的唯一标识

                timestamp: '1524724829', // 必填,生成签名的时间戳

                nonceStr: 'F0D44B7FBF9FBE61CC3CF84A22B18259', // 必填,生成签名的随机串

                signature: '956f4380cabc3bcd679c5694312f98d0af0a085c',// 必填,签名

                jsApiList: [

                        'checkJsApi',

                        'onMenuShareTimeline',

                        'onMenuShareAppMessage',

                        'onMenuShareQQ',

                        'onMenuShareWeibo',

                        'onMenuShareQZone'

                ]

                // 必填,需要使用的JS接口列表,所有JS接口列表见附录2。详见:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

            });


            wx.error(function (res) {

                $.alert('验证失败:' + res.errmsg);

            });


            wx.ready(function () {


                var link = 'https://www.baidu.com/';

                var imgUrl = 'https://m.hjshu.net/img/logo.png';


                wx.checkJsApi({

                    jsApiList: [

                        'onMenuShareTimeline',

                        'onMenuShareAppMessage'

                    ], // 需要检测的JS接口列表,所有JS接口列表见附录2,

                    success: function (res) {

                        // 以键值对的形式返回,可用的api值true,不可用为false

                        // 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}

                        if (!res.checkResult.onMenuShareTimeline || !res.checkResult.onMenuShareAppMessage) {

                            $.alert('请使用微信浏览器分享邀请!')

                        }

                    }

                });

                //点击按钮分享

                $('#share-btn').on('click',function(){

                    //转发到朋友圈

                    wx.onMenuShareTimeline({

                        title: '你的239元/克买黄金特权还未领取!',

                        desc: '国企投资,新用户享888毫克黄金专属大礼包,更有多重福利!',

                        link: link,

                        imgUrl: imgUrl,

                        success: function () {

                            $("#mcover").hide();

                            $.alert('转发成功!');

                        },

                        cancel: function () {

                            $("#mcover").hide();

                            $.alert('转发失败!');

                        }

                    });

                })

                


                //转发给朋友

                wx.onMenuShareAppMessage({

                    title: '你的239元/克买黄金特权还未领取!',

                    desc: '国企投资,新用户享888毫克黄金专属大礼包,更有多重福利!',

                    link: link,

                    imgUrl: imgUrl,

                    type: 'link',

                    dataUrl: '',

                    success: function () {

                        $("#mcover").hide();

                        $.alert('转发成功!');

                    },

                    cancel: function () {

                        $("#mcover").hide();

                        $.alert('转发失败!');

                    }

                });


                //qq

                wx.onMenuShareQQ({

                    title: '你的239元/克买黄金特权还未领取!',

                    desc: '国企投资,新用户享888毫克黄金专属大礼包,更有多重福利!',

                    link: link,

                    imgUrl: imgUrl,

                    success: function () {

                        $("#mcover").hide();

                        $.alert('转发成功!');

                    },

                    cancel: function () {

                        $("#mcover").hide();

                        $.alert('转发失败!');

                    }

                });


                //空间

                wx.onMenuShareQZone({

                    title: '你的239元/克买黄金特权还未领取!',

                    desc: '国企投资,新用户享888毫克黄金专属大礼包,更有多重福利!',

                    link: link,

                    imgUrl: imgUrl,

                    success: function () {

                        $("#mcover").hide();

                        $.alert('转发成功!');

                    },

                    cancel: function () {

                        $("#mcover").hide();

                        $.alert('转发失败!');

                    }

                });


            });

   </script>

</body>

</html>


有用  |  无用

猜你喜欢