微信分享

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 () {
                }
            });
        }
    };
相關文章
相關標籤/搜索