自定义微信分享

1.根据官方文档微信JS-SDK说明文档 做好准备工作(eg:在公众号绑定域名,请后端同事把所需要的时间戳返回等)

2.引入官方js文件

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

3.

        var gameInfo = {
               "gtitle": "",//分享title
               "gimg": "",//分享小图
                "gurl": "",//分享链接
                "desc": "让世界看见你的想象力!"//分享副标题
            }

$.ajax({
    url: "",
    method: "get",
    dataType: "jsonp",
    jsonp: 'jsonCallBack',
    data: {'url': location.href}
})
    .done(function (json) {
        // console.log(json);
        if (json.status == 1) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                appId: json.data.appId, // 必填,公众号的唯一标识
                timestamp: json.data.timestamp, // 必填,生成签名的时间戳
                nonceStr: json.data.nonceStr, // 必填,生成签名的随机串
                signature: json.data.signature,// 必填,签名
                jsApiList: ['onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'hideMenuItems'] // 必填,需要使用的JS接口列表
            });
            wx.ready(function () {
                //隐藏邮件
                wx.hideMenuItems({
                    menuList: ['menuItem:share:email'] // 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3
                });
                //朋友圈
                wx.onMenuShareTimeline({
                    title: gameInfo.gtitle, // 分享标题
                    link: gameInfo.gurl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: gameInfo.gimg, // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //朋友
                wx.onMenuShareAppMessage({
                    title: gameInfo.gtitle, // 分享标题
                    desc: gameInfo.desc, // 分享描述
                    link: gameInfo.gurl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: gameInfo.gimg, // 分享图标
                    type: '', // 分享类型,music、video或link,不填默认为link
                    dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //QQ
                wx.onMenuShareQQ({
                    title: gameInfo.gtitle, // 分享标题
                    desc: gameInfo.desc, // 分享描述
                    link: gameInfo.gurl, // 分享链接
                    imgUrl: gameInfo.gimg, // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
                //QQzone
                wx.onMenuShareQZone({
                    title: gameInfo.gtitle, // 分享标题
                    desc: gameInfo.desc, // 分享描述
                    link: gameInfo.gurl, // 分享链接
                    imgUrl: gameInfo.gimg, // 分享图标
                    success: function () {
                        // 用户确认分享后执行的回调函数
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });
            })
        } else {
            console.log("分享配置错误!")
        }

    })
    .fail(function () {

    })




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章