jq微信分享

Posted 2020-10-11 鱼樱、、

(function() {
    var weChat = {
        init: function() {
            this.getData();        
        },
        getData: function() {
            $.ajax({
                type: "post",
                url: "微信config接口地址",
                dataType: "json",
                data: {
                    appid: "一个微信公众号只有一个",
                    url: window.location.href
                },
                success: function(res) {
                    //console.log(res)
                    if(res.code == 0){
                        weChat.wxConfig(res.data);
                    }
                }
            });
        },
        wxConfig: function(res) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: ‘一个微信号只有一个‘, // 必填，公众号的唯一标识
                timestamp: res[‘timestamp‘], // 必填，生成签名的时间戳
                nonceStr: res[‘noncestr‘], // 必填，生成签名的随机串
                signature: res[‘signature‘], // 必填，签名，见附录1
                jsApiList: [‘checkJsApi‘,
                    ‘onMenuShareTimeline‘,
                    ‘onMenuShareAppMessage‘,
                    ‘onMenuShareQQ‘,
                    ‘onMenuShareQZone‘
                ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });
            var shareDetail = {
                title: "自定义",
                imgUrl: "自定义",
                desc: "自定义"
            }
            wx.ready(function() {
                //分享到朋友圈
                wx.onMenuShareTimeline({
                    title: shareDetail.title, // 分享标题
                    link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: shareDetail.imgUrl, // 分享图标
                    desc: shareDetail.desc,
                    success: function(res) {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function(res) {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //分享给朋友
                wx.onMenuShareAppMessage({
                    title: shareDetail.title, // 分享标题
                    link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: shareDetail.imgUrl, // 分享图标
                    desc: shareDetail.desc,
                    success: function(res) {
                        // 用户确认分享后执行的回调函数
                        //alert("share success")
                    },
                    cancel: function(res) {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //分享到QQ
                wx.onMenuShareQQ({
                    title: shareDetail.title, // 分享标题
                    link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: shareDetail.imgUrl, // 分享图标
                    desc: shareDetail.desc,
                    success: function(res) {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function(res) {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //分享到腾讯微博
                wx.onMenuShareWeibo({
                    title: shareDetail.title, // 分享标题
                    link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: shareDetail.imgUrl, // 分享图标
                    desc: shareDetail.desc,
                    success: function(res) {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function(res) {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //分享到QQ空间
                wx.onMenuShareQZone({
                    title: shareDetail.title, // 分享标题
                    link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: shareDetail.imgUrl, // 分享图标
                    desc: shareDetail.desc,
                    success: function(res) {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function(res) {
                        // 用户取消分享后执行的回调函数
                    }
                });
            });
        }
    }
    weChat.init();
})()