微信分享 JavaScript 代码 2016_微信分享没有缩略图反向代理-优快云博客

本文链接：https://blog.youkuaiyun.com/default7/article/details/50973703

本文介绍如何使用微信JS-SDK进行配置并实现包括时间线分享、应用消息分享、QQ分享及微博分享等功能。通过具体示例代码展示了如何设置分享的内容如标题、描述、链接和图片等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例子JS

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    wx.config({
        debug: false,
        appId: "wx50adeee3aff90abc",
        timestamp: 1434189878,//这个一定要与上面的php代码里的一样。
        nonceStr: 'lPQUkizYJMFlIC8d',
        signature: '57a844cf5e3e71d446154fe106f6bd985c8cd8b9',// 必填，签名，见附录1
        jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
            'onMenuShareWeibo'
        ]
    });

    //-----------------------------------------------
    wx.ready(function () {
        wx.onMenuShareTimeline({
            title: '五洲会海购，关注送豪礼！', // 分享标题
            desc: '五洲会，汇聚全球进口尖货，带给你的收获，不仅仅是购物，还有财富。', // 分享链接
            link: 'http://m.wzhouhui.com',
            imgUrl: 'http://m.wzhouhui.com/temp/default/dist/images/share/index.png', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareAppMessage({
            title: '五洲会海购，关注送豪礼！', // 分享标题
            desc: '五洲会，汇聚全球进口尖货，带给你的收获，不仅仅是购物，还有财富。', // 分享描述
            link: 'http://m.wzhouhui.com', // 分享链接
            imgUrl: 'http://m.wzhouhui.com/temp/default/dist/images/share/index.png', // 分享图标
            type: 'link', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareQQ({
            title: "五洲会海购，关注送豪礼！", // 分享标题
            desc: '五洲会，汇聚全球进口尖货，带给你的收获，不仅仅是购物，还有财富。', // 分享链接
            link: 'http://m.wzhouhui.com',
            imgUrl: "http://m.wzhouhui.com/temp/default/dist/images/share/index.png", // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
        wx.onMenuShareWeibo({
            title: "五洲会海购，关注送豪礼！", // 分享标题
            desc: '五洲会，汇聚全球进口尖货，带给你的收获，不仅仅是购物，还有财富。', // 分享链接
            link: 'http://m.wzhouhui.com',
            imgUrl: "http://m.wzhouhui.com/temp/default/dist/images/share/index.png", // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    });

</script>