微信开发实现分享功能

一：登录微信公众平台进行设置JS接口安全域名

 

二：获取access_token凭证

access_token的接口地址
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

 

三：通过获取到的access_token来请求获得jsapi_ticket

jsapiTicket的接口地址
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

 

四：网页端JSSDK授权

引入jweixin-1.2.0.js

$.ajax({
        url: "<%=basePath%>/wechatpublic/jsapisign",
        type : "post",
        data : {
            url : encodeURIComponent(location.href.split('#')[0])
        },
        contentType : 'application/x-www-form-urlencoded;charset=utf-8',
        async : true,
        success : function(data) {
            wx.config({
                debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId : data.appId, // 必填，公众号的唯一标识
                timestamp : data.timestamp, // 必填，生成签名的时间戳
                nonceStr : data.nonceStr, // 必填，生成签名的随机串
                signature : data.signature,// 必填，签名，见附录1
                jsApiList : [ 'checkJsApi', 'onMenuShareTimeline',
                    'onMenuShareAppMessage', 'onMenuShareQQ',
                    'onMenuShareWeibo', 'onMenuShareQZone']
            });
            wx.error(function(res) {
                console.log(res);
            });
        }
    });

 

五：网页端分享接口

//验证通过ready接口
    wx.ready(function() {
        var title = "销售排行";// 分享标题
        var desc = "智能售彩机器人销售排行";// 分享描述
        var shareUrl = window.location.href.replace("rankingList.do","wechatRankingList.do");// 分享链接,将当前登录用户转为puid,以便于发展下线
        var imgUrl = '<%=basePath%>/img/aiwalogo.png';// 分享图标
        //分享到朋友
        wx.onMenuShareAppMessage({
            title: title, // 分享标题
            desc: desc,// 分享描述
            link: shareUrl, // 分享链接,将当前登录用户转为puid,以便于发展下线
            imgUrl: imgUrl, // 分享图标
            success: function () {
                share(1,'分享到朋友成功',title,shareUrl);//分享
            },
            fail: function () {
                $(".weui-dialog__bd").html("分享到朋友失败");
                $(".js_dialog").show();
            },
            cancel: function () {
                $(".weui-dialog__bd").html("未分享");
                $(".js_dialog").show();
            }
        });

        //分享到朋友圈
        wx.onMenuShareTimeline({
            title: title, // 分享标题
            desc: desc,// 分享描述
            link: shareUrl, // 分享链接,将当前登录用户转为puid,以便于发展下线
            imgUrl: imgUrl, // 分享图标
            success: function () {
                share(2,"分享到朋友圈成功",title,shareUrl);//分享
            },
            fail: function () {
                $(".weui-dialog__bd").html("分享到朋友圈失败");
                $(".js_dialog").show();
            },
            cancel: function () {
                $(".weui-dialog__bd").html("未分享");
                $(".js_dialog").show();
            }
        });

        //分享到QQ
        wx.onMenuShareQQ({
            title: title, // 分享标题
            desc: desc,// 分享描述
            link: shareUrl, // 分享链接,将当前登录用户转为puid,以便于发展下线
            imgUrl: imgUrl, // 分享图标
            success: function () {
                share(3,"分享到QQ成功",title,shareUrl);//分享
            },
            fail: function () {
                $(".weui-dialog__bd").html("分享到QQ失败");
                $(".js_dialog").show();
            },
            cancel: function () {
                $(".weui-dialog__bd").html("未分享");
                $(".js_dialog").show();
            }
        });

        //分享到QQ空间
        wx.onMenuShareQZone({
            title: title, // 分享标题
            desc: desc,// 分享描述
            link: shareUrl, // 分享链接,将当前登录用户转为puid,以便于发展下线
            imgUrl: imgUrl, // 分享图标
            success: function () {
                share(4,"分享到QQ成功",title,shareUrl);//分享
            },
            fail: function () {
                $(".weui-dialog__bd").html("分享到QQ空间失败");
                $(".js_dialog").show();
            },
            cancel: function () {
                $(".weui-dialog__bd").html("未分享");
                $(".js_dialog").show();
            }
        });

        //分享到微博
        wx.onMenuShareWeibo({
            title: title, // 分享标题
            desc: desc,// 分享描述
            link: shareUrl, // 分享链接,将当前登录用户转为puid,以便于发展下线
            imgUrl: imgUrl, // 分享图标
            success: function () {
                share(5,"分享到QQ成功",title,shareUrl);//分享
            },
            fail: function () {
                $(".weui-dialog__bd").html("分享到微博失败");
                $(".js_dialog").show();
            },
            cancel: function () {
                $(".weui-dialog__bd").html("未分享");
                $(".js_dialog").show();
            }
        });
    });

仅此供给大家，在大家有这方面的需求时，少走弯路！如果对大家有用，请大家多多点赞支持！

尊重原创，转载请注明出处

kung900519

https://blog.youkuaiyun.com/tianya900519/article/details/99291918