微信JS分享功能--微信JS系列文章（二）

最新推荐文章于 2023-02-28 11:45:39 发布

转载最新推荐文章于 2023-02-28 11:45:39 发布 · 202 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/rexfang/p/6588104.html

本文详细介绍了如何使用微信JS实现包括朋友圈、好友及第三方平台如QQ、QQ空间、腾讯微博等在内的分享功能，并提供了完整的代码示例。

概述

　　在上一篇文章微信JS初始化-- 微信JS系列文章（一）中已经介绍了微信JS初始化的相关工作，接下来本文继续就微信JS的分享功能进行描述，供大家参考。

代码

$(document).ready(function(){
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: webParams.appId, // 必填，公众号的唯一标识
        timestamp: webParams.timestamp, // 必填，生成签名的时间戳
        nonceStr: webParams.nonceStr, // 必填，生成签名的随机串
        signature: webParams.signature,// 必填，签名，见附录1
        jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareWeibo'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });

    wx.ready(function(){
        //微信分享到朋友圈
        wx.onMenuShareTimeline({
            title: webParams.title, // 分享标题
            desc: webParams.desc, // 分享描述
            link:  webParams.shareUrl, // 分享链接
            imgUrl: webParams.imgUrl, // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
                $('#guide').hide();
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
                $('#guide').hide();
            }
        });

        //微信分享好友
        wx.onMenuShareAppMessage({
            title: webParams.title, // 分享标题
            desc: webParams.desc, // 分享描述
            link: webParams.shareUrl, // 分享链接
            imgUrl: webParams.imgUrl, // 分享图标
            type: "link", // 分享类型,music、video或link，不填默认为link
            dataUrl: "", // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                // 用户确认分享后执行的回调函数
                $('#guide').hide();
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
                $('#guide').hide();
            }
        });

        //分享到QQ空间
        wx.onMenuShareQZone({
            title: webParams.title, // 分享标题
            desc: webParams.desc, // 分享描述
            link:  webParams.shareUrl, // 分享链接
            imgUrl: webParams.imgUrl, // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
                $('#guide').hide();
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
                $('#guide').hide();
            }
        });

        //分享到QQ
        wx.onMenuShareQQ({
            title: webParams.title, // 分享标题
            desc: webParams.desc, // 分享描述
            link: webParams.shareUrl, // 分享链接
            imgUrl: webParams.imgUrl, // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
                $('#guide').hide();
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
                $('#guide').hide();
            }
        });

        //分享到腾讯微博
        wx.onMenuShareWeibo({
            title: webParams.title, // 分享标题
            desc: webParams.desc, // 分享描述
            link: webParams.shareUrl, // 分享链接
            imgUrl: webParams.imgUrl, // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
                $('#guide').hide();
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
                $('#guide').hide();
            }
        });
    });
});