微信分享的实现

微信分享:

//微信分享准备

getShareInfo() {

    $.ajax({

        type:"GET",

        url: bqUrl.getShareInfo,  //微信分享接口

        data:{

            url: window.location.href

        },

        success: res =>{

            wx.config({

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

                appId: res.data.appId, // 必填,公众号的唯一标识

                timestamp: res.data.timestamp, // 必填,生成签名的时间戳

                nonceStr: res.data.noncestr, // 必填,生成签名的随机串

                signature: res.data.signature,// 必填,签名

                jsApiList:[

                    'checkJsApi',

                    'onMenuShareTimeline',

                    'onMenuShareAppMessage',

                    'onMenuShareQQ',

                    'onMenuShareWeibo',

                    'onMenuShareQZone'

                ] // 必填,需要使用的JS接口列表

            });

            wx.error(function (res) {

                mui.toast(res.errMsg);

            });

            wx.ready(function () {

                //分享给好友

                wx.onMenuShareAppMessage({

                    title: pubWelDetil.share.title, // 分享标题

                    desc: pubWelDetil.share.desc, // 分享描述

                    link: pubWelDetil.share.link, // 分享链接

                    imgUrl: imgUrl + pubWelDetil.share.imgUrl, // 分享图标

                    type:'', // 分享类型,music、video或link,不填默认为link

                    dataUrl:'', // 如果type是music或video,则要提供数据链接,默认为空

                    success:function () {

                        // alert("发送给朋友")

//用户确认分享后执行的回调函数

// ddPage.shareDynamic()

// mui.toast("分享成功!")

                        pubWelDetil.shareActive();

                    },

                    cancel:function () {

                        mui.toast("取消分享");

return false;

                        //用户取消分享后执行的回调函数

                    }

                });

                //分享到朋友圈

                wx.onMenuShareTimeline({

                    title: pubWelDetil.share.title, // 分享标题

                    desc: pubWelDetil.share.desc, // 分享描述

                    link: pubWelDetil.share.link, // 分享链接

                    imgUrl: imgUrl + pubWelDetil.share.imgUrl, // 分享图标

                    success:function () {

                        // alert("发送给朋友圈")

//用户确认分享后执行的回调函数

// ddPage.shareDynamic()

// mui.toast("分享成功!")

                        pubWelDetil.shareActive();

                    },

                    cancel:function () {

                        mui.alert("取消分享");

return false;

                        //用户取消分享后执行的回调函数

                    }

                });

                //分享到QQ

                wx.onMenuShareQQ({

                    title: pubWelDetil.share.title, // 分享标题ddPage.share.title

                    desc: pubWelDetil.share.desc, // 分享描述ddPage.share.desc

                    link: pubWelDetil.share.link, // 分享链接

                    imgUrl: imgUrl + pubWelDetil.share.imgUrl, // 分享图标

                    success:function () {

                        // alert("发送给qq")

//用户确认分享后执行的回调函数

// ddPage.shareDynamic()

// mui.toast("分享成功!")

                        pubWelDetil.shareActive();

                    },

                    cancel:function () {

                        alert("失败")

                        mui.toast("取消分享");

return false;

                        //用户取消分享后执行的回调函数

                    }

                });

                //分享到腾讯微博

                wx.onMenuShareWeibo({

                    title: pubWelDetil.share.title, // 分享标题

                    desc: pubWelDetil.share.desc, // 分享描述

                    link: pubWelDetil.share.link, // 分享链接

                    imgUrl: imgUrl + pubWelDetil.share.imgUrl, // 分享图标

                    success:function () {

                        // alert("发送给微博")

//用户确认分享后执行的回调函数

// ddPage.shareDynamic()

// mui.toast("分享成功!")

                        pubWelDetil.shareActive();

                    },

                    cancel:function () {

                        //alert("取消分享");return false;

//用户取消分享后执行的回调函数

                    }

                });

                //分享到QQ空间

                wx.onMenuShareQZone({

                    title: pubWelDetil.share.title, // 分享标题

                    desc: pubWelDetil.share.desc, // 分享描述

                    link: pubWelDetil.share.link, // 分享链接

                    imgUrl: imgUrl + pubWelDetil.share.imgUrl, // 分享图标

                    success:function () {

                        // alert("发送给qq空间")

//用户确认分享后执行的回调函数

// ddPage.shareDynamic()

// mui.toast("分享成功!")

                        pubWelDetil.shareActive();

                    },

                    cancel:function () {

                        //alert("取消分享");return false;

//用户取消分享后执行的回调函数

                    }

                });

            })

        },

        error: res =>{

            mui.toast(res.errMsg);

        }

})

},

你可能感兴趣的:(微信分享的实现)