微信分享代码

微信分享代码,先引入:

<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 () {
                // 用户取消分享后执行的回调函数
            }


        });


    });
原文地址:https://www.cnblogs.com/quejuwen/p/7422002.html