jq微信分享

Posted 鱼樱、、

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jq微信分享相关的知识,希望对你有一定的参考价值。

(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();
})()

 

以上是关于jq微信分享的主要内容,如果未能解决你的问题,请参考以下文章

jq 分享伪微信分享

jq微信分享

分享几个实用的代码片段(第二弹)

分享几个实用的代码片段(第二弹)

jQ选择器学习片段(JavaScript 部分对应)

小程序各种功能代码片段整理---持续更新