微信分享代碼

微信分享代碼，先引入：

<script type="text/javascript" charset="utf-8" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>

獲取簽名：

mui.ajax('/apijson/wxsign', {
    type: 'get',
    data: {
        url: location.href,
    },
    success: function (data) {
        //alert(JSON.stringify(data));
        wx.config({
            debug: false, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。
            appId: data.appid, // 必填，公衆號的惟一標識
            timestamp: data.timestamp, // 必填，生成簽名的時間戳
            nonceStr: data.nonceStr, // 必填，生成簽名的隨機串
            signature: data.signature,// 必填，簽名
            jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'startRecord',
            'stopRecord',
            'onVoiceRecordEnd',
            'playVoice',
            'pauseVoice',
            'stopVoice',
            'onVoicePlayEnd',
            'uploadVoice',
            'downloadVoice',
            'chooseImage',
            'previewImage',
            'uploadImage',
            'downloadImage'
            ] // 必填，須要使用的JS接口列表
        });
    }
})

分享代碼：

    wx.ready(function () {
        var url = window.location.href;
        // 在這裏調用 API
        wx.onMenuShareAppMessage({
            title: "御元丹—送父母及最須要感恩的人！", // 分享標題
            desc: "走出紅牆的臻品！", // 分享描述
            link: url, // 分享連接
            imgUrl: "http://m.981china.com/images/yuyuandanlogo.png", // 分享圖標
            type: '', //
            dataUrl: '', // 若是type是music或video，則要提供數據連接，默認爲空
            success: function () {
                // 用戶確認分享後執行的回調函數
            },
            cancel: function () {
                // 用戶取消分享後執行的回調函數
            }
        });

        wx.onMenuShareTimeline({
            title: "御元丹—送父母及最須要感恩的人！", // 分享標題
            desc: "走出紅牆的臻品", // 分享描述
            link: url, // 分享連接
            imgUrl: "http://m.981china.com/images/yuyuandanlogo.png", // 分享圖標
            type: '', //
            dataUrl: '', // 若是type是music或video，則要提供數據連接，默認爲空
            success: function () {
                // 用戶確認分享後執行的回調函數
            },
            cancel: function () {
                // 用戶取消分享後執行的回調函數
            }


        });


    });

 wxsign輸出的json

{
    "appid": "wx888888888888",
    "jsapi_ticket": "bxLdikRXVbTPdHSM05e5u2WtcuareekEvI9AoiSB9hYDykHA-zgWRJIeoZkZivtjOGcI87SVk1r8888888888",
    "timestamp": 150358888,
    "nonceStr": "ESbJrsnzGHi8888",
    "signature": "fec1a26592ef07d52ff066183f50536888888888f5"
}

 

---

 

axios版本

    axios.get('/apijson/wxsign', { params: { url: location.href } }).then(function (res) {
        //alert(JSON.stringify(data));
        var data = res.data;
        wx.config({
            debug: false, // 開啓調試模式,調用的全部api的返回值會在客戶端alert出來，若要查看傳入的參數，能夠在pc端打開，參數信息會經過log打出，僅在pc端時纔會打印。
            appId: data.appid, // 必填，公衆號的惟一標識
            timestamp: data.timestamp, // 必填，生成簽名的時間戳
            nonceStr: data.nonceStr, // 必填，生成簽名的隨機串
            signature: data.signature,// 必填，簽名
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'startRecord',
                'stopRecord',
                'onVoiceRecordEnd',
                'playVoice',
                'pauseVoice',
                'stopVoice',
                'onVoicePlayEnd',
                'uploadVoice',
                'downloadVoice',
                'chooseImage',
                'previewImage',
                'uploadImage',
                'downloadImage'
            ] // 必填，須要使用的JS接口列表
        });


    });

    wx.ready(function () {
        var url = window.location.href;
        var title = "你有想過本身長壽嗎？";
        var desc = "氣象能預報，人體的生命狀態一樣可預報，您據說過嗎？";
        var imgUrl = "http://m.981china.com/static/gani/images/s2019_logo.png";
        // 在這裏調用 API
        wx.onMenuShareAppMessage({
            title: title, // 分享標題
            desc: desc, // 分享描述
            link: url, // 分享連接
            imgUrl: imgUrl, // 分享圖標
            type: '', //
            dataUrl: '', // 若是type是music或video，則要提供數據連接，默認爲空
            success: function () {
                // 用戶確認分享後執行的回調函數
            },
            cancel: function () {
                // 用戶取消分享後執行的回調函數
            }
        });

        wx.onMenuShareTimeline({
            title: title, // 分享標題
            desc: desc, // 分享描述
            link: url, // 分享連接
            imgUrl: imgUrl, // 分享圖標
            type: '', //
            dataUrl: '', // 若是type是music或video，則要提供數據連接，默認爲空
            success: function () {
                // 用戶確認分享後執行的回調函數
            },
            cancel: function () {
                // 用戶取消分享後執行的回調函數
            }


        });


    });