二次分享：即分享之后再次分享的卡片

微信官方api:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

以下是我在vue中的應(yīng)用

import axios from 'axios';
var url = ???//自己公司的生成簽名地址，不方便透露啦
export default (options) => {
    axios
    .get(url)
    .then(function (res) {
        if (res.data.no !== 0) {
            return;
        }
        let data = res.data.data;
        window.wx.config({
            debug: false,
            appId: data.appId, // 必填，公眾號的唯一標(biāo)識
            timestamp: data.timestamp, // 必填，生成簽名的時(shí)間戳
            nonceStr: data.nonceStr, // 必填，生成簽名的隨機(jī)串
            signature: data.signature, // 必填，簽名，見附錄1
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareQZone',
                'onMenuShareWeibo'
            ] // 必填，需要使用的JS接口列表，所有JS接口列表見附錄2
        });
        window.wx.ready(function () {
            let title = options.title;
            let link = options.url;
            let desc = options.desc;
            let imgUrl = options.imgUrl || 'http:' + __uri('../../img/common/logo.png');
            let successCallback = function() {};

            window.wx.onMenuShareTimeline({
                title: title,
                link: link, // 分享鏈接，該鏈接域名或路徑必須與當(dāng)前頁面對應(yīng)的公眾號JS安全域名一致
                imgUrl: imgUrl,
                success: successCallback
            });
            window.wx.onMenuShareAppMessage({
                title: title,
                desc: desc, // 分享描述
                link: link,
                imgUrl: imgUrl,
                type: '', // 分享類型,music、video或link，不填默認(rèn)為link
                success: successCallback
            });
            window.wx.onMenuShareQQ({
                title: title,
                desc: desc, // 分享描述
                link: link,
                imgUrl: imgUrl,
                success: successCallback
            });
            window.wx.onMenuShareQZone({
                title: title,
                desc: desc,
                link: link,
                imgUrl: imgUrl,
                success: successCallback
            });
            window.wx.onMenuShareWeibo({
                title: title,
                desc: desc,
                link: link,
                imgUrl: imgUrl,
                success: successCallback
            });
        });
        window.wx.error(function (err) {
            console.log('error',err);
        });
    });
};

用法：

在index.html引入

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

在相關(guān)vue引入

import wxshare from '@/assets/js/wxshare/wxshare.js'

調(diào)用接口

wxshare({
    title: 'title',
    link: 'href',
    desc: '描述', 
    imgUrl: 'imgurl'
});