淺談前端H5自定義分享實現方法

  引入jweinxin相關js文件，然后才可以做H5的分享

　<script src="js/jweixin-1.2.0.js"></script>

let wxData = '';
$.ajax({
    url: baseUrl + '/api/Invitation/inviteFriendsShare',
    type: "GET",
    data: {
        url: encodeURIComponent(window.location.href.split('#')[0])
    },
    success: function (res) {
        signPackage = res.data;
        var title = document.title;
        wxData = {
            "imgUrl": "https://img.boltshopvip.com/api/mtshare.png", //分享圖標
            "title": "麻團小課堂 | 給孩子最好的通識啟蒙課，足不出戶看世界！", //分享標題
            "desc": '讓知識陪孩子去遠航！', //分享描述
            "link": "https://mtdd.jsxcloud.com/h5/index.html"
        };
        wx.config({
            debug: false,
            appId: signPackage.appId,
            timestamp: parseInt(signPackage.timestamp),
            nonceStr: signPackage.nonceStr,
            signature: signPackage.signature,
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage'
            ]
        });
    },
    fail: function (res) {
        console.log(res);

    }
})
wx.ready(function () {
    wx.onMenuShareTimeline({
        title: wxData.title,
        link: wxData.link,
        imgUrl: wxData.imgUrl,
        success: function () { 
　　　　　　//分享成功后的回調
　　　　 }
    });
    wx.onMenuShareAppMessage({
        title: wxData.title,
        desc: wxData.desc,
        link: wxData.link,
        imgUrl: wxData.imgUrl,
        type: 'link',
        dataUrl: '',
        success: function () {

　　　　　　//分享成功后的回調

　　　　 }
    });
});