公众号自定义分享

关于jssdk的基本配置，上一篇文章已经讲述，不再赘述。

配置好后，获取基本参数

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId:"<?php echo  $appid; ?>" , // 必填，公众号的唯一标识
    timestamp:"<?php echo  $timestamp; ?>" , // 必填，生成签名的时间戳
    nonceStr: "<?php echo  $noncestr; ?>", // 必填，生成签名的随机串
    signature: "<?php echo  $signature; ?>",// 必填，签名
    jsApiList: [//下面要用到的分享接口
        "onMenuShareTimeline",
        "onMenuShareAppMessage",
        "onMenuShareQZone",
        "onMenuShareQQ",
        "onMenuShareWeibo"
    ] // 必填，需要使用的JS接口列表
});

需要注意的是，调用的这些接口要在wx.ready（）中配置，其作用相当于$(function(){})，页面加载后就可以使用。

wx.ready(function(){
   
    //调试用
    wx.checkJsApi({
        jsApiList: ['chooseImage'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
        success: function(res) {
           // alert(JSON.stringify(res))
            // 以键值对的形式返回，可用的api值true，不可用为false
            // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
        }
    });
    //朋友圈
    wx.onMenuShareTimeline({
        title: 自定义, // 分享标题
        desc: 自定义, // 分享描述
        link: share_url, // 分享链接
        imgUrl: '图片url',
        success: function (res) {
            alert('已分享');
        },
        cancel: function (res) {
            alert('已取消');
        },
        fail: function (res) {
            alert(JSON.stringify(res));
        }
    });

    //朋友
    wx.onMenuShareAppMessage({
       

        title: 自定义, // 分享标题
        desc: 自定义, // 分享描述
        link: share_url, // 分享链接
        imgUrl: '图片url',
        success: function (res) {
            alert('已分享');
        },
        cancel: function (res) {
            alert('已取消');
        },
        fail: function (res) {
            alert(JSON.stringify(res));
        }

}) ; //获取“分享到QQ”按钮点击状态及自定义分享内容接口 wx. onMenuShareQQ({

 title: 自定义, // 分享标题
        desc: 自定义, // 分享描述
        link: share_url, // 分享链接
        imgUrl: '图片url',
        success: function (res) {
            alert('已分享');
        },
        cancel: function (res) {
            alert('已取消');
        },
        fail: function (res) {
            alert(JSON.stringify(res));
        }

}) ; //获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口 wx. onMenuShareWeibo({

        title: 自定义, // 分享标题
        desc: 自定义, // 分享描述
        link: share_url, // 分享链接
        imgUrl: '图片url',
        success: function (res) {
            alert('已分享');
        },
        cancel: function (res) {
            alert('已取消');
        },
        fail: function (res) {
            alert(JSON.stringify(res));
        }

}) ; // 获取“分享到QQ空间”按钮点击状态及自定义分享内容接口 wx.onMenuShareQZone({

        title: 自定义, // 分享标题
        desc: 自定义, // 分享描述
        link: share_url, // 分享链接
        imgUrl: '图片url',
        success: function (res) {
            alert('已分享');
        },
        cancel: function (res) {
            alert('已取消');
        },
        fail: function (res) {
            alert(JSON.stringify(res));
        }

}) ;}) ;

只要配置完成，接口的调用就相当简单，共勉。