• 微信分享代码


    微信分享代码,先引入:

    <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 () {
                    // 用户取消分享后执行的回调函数
                }
    
    
            });
    
    
        });
  • 相关阅读:
    JS创建对象的四种简单方式 (工厂模式和自定义构造函数创建对象的区别)
    对js原型对象、实例化对象及prototype属性的一些见解
    Javascript中的undefined、null、""、0值和false的区别总结
    new Function()语法
    声明函数的方法 之 语句定义法(函数声明法)和表达式定义法(函数表达式)
    匿名函数function前面的! ~等符号作用小解
    proxyTable设置代理解决跨域问题
    vue之递归组件实现树形目录
    关于页面出现弹窗时,页面还可以滚动问题
    倒计时功能
  • 原文地址:https://www.cnblogs.com/quejuwen/p/7422002.html
Copyright © 2020-2023  润新知