微信分享

h5页面,不能自定义按钮 弹 分享选择框,只支持右上角自带的弹出框分享。 app支持。 分享连接,不能有中文。 用encodeURIComponent() 函数编码json

//分享页面地址
$(document).ready(function(){
    var sharePageUrl = window.location.href.slice(0, window.location.href.indexOf('?')) + search;   
    var url = "********/weixinApi/loadWsConfig.json"  //微信签名地址
    WsJsSdkUtil.loadConfig(url, sharePageUrl);
})

var WsJsSdkUtil = {
        /**
         * 1 获取微信config签名参数
         * @param url 获取签名参数
         * @param shareUrl 分享页面地址
         */
        loadConfig: function (url, shareUrl) {
            $.post(url, {"reqUrl": shareUrl}, function (response) {
                if (response && response.success) {
                    var data = response.data;
                    if (data) {
                        var appid = data.appid;
                        var timestamp = data.timestamp;
                        var noncestr = data.noncestr;
                        var signature = data.signature;
                        WsJsSdkUtil.initConfig(appid, timestamp, noncestr, signature);
                    } else {
                        $.alert("微信Js-SDK参数初始化失败");
                    }
                } else {
                    $.alert(response.message);
                }
            });
        },
        /**
         *2 初始化配置
         * */
        initConfig: function (appid, timestamp, noncestr, signature) {
            wx.config({
//                debug: false,
                appId: appid,
                timestamp: timestamp,
                nonceStr: noncestr,
                signature: signature,
                jsApiList: [
                    'onMenuShareTimeline',   //分享到朋友圈
                    'onMenuShareAppMessage', // 分享给朋友
                    'onMenuShareQQ', //分享到QQ
                    'onMenuShareQZone' //分享到QQ空间
                ]
            });
            wx.ready(function () {
                WsJsSdkUtil.excu();
            });
        },
        /**
         * 3 须要覆盖原生分享的方法
         */
        excu: function () {
            var currUrl = window.location.href;
            var shareTitles = [
                '在线信用卡刷卡收款神器!【乐汇通】',
                '一款能赚钱的手机收银APP!【乐汇通】',
                '刷卡就选【乐汇通】,让您的手机秒变POS机!'
            ];
            var s = Math.floor(Math.random() * 3);
            var shareTitle = shareTitles[s];
            var shareDesc = '刷卡带积分费率低至0.49%,D0秒到款,日无封顶交易,支持各大主流银行信用卡。想怎么刷就怎么刷。';
            var shareThumbImg = projectPath + '/resources/images/lht.png';

            wx.onMenuShareTimeline({ //朋友圈
                title: shareTitle,
                link: currUrl,
                imgUrl: shareThumbImg,
                success: function () {
                },
                cancel: function () {
                }
            });

            wx.onMenuShareAppMessage({ //朋友
                title: shareTitle,
                desc: shareDesc,
                link: currUrl,
                imgUrl: shareThumbImg,
                type: 'link',
                dataUrl: '',
                success: function () {
                },
                cancel: function () {
                }
            });

            wx.onMenuShareQQ({ //QQ
                title: shareTitle,
                desc: shareDesc,
                link: currUrl,
                imgUrl: shareThumbImg,
                success: function () {
                },
                cancel: function () {
                }
            });

            wx.onMenuShareQZone({ //QQ空间
                title: shareTitle,
                desc: shareDesc,
                link: currUrl,
                imgUrl: shareThumbImg,
                success: function () {
                },
                cancel: function () {
                }
            });
        }
    };
相关文章
相关标签/搜索