微信服务号页面实现分享操作流程

1、进页面需要先加载wx.config，并添加需要使用的 JS接口列表：

wx.config({
    debug: false,
    appId: '${app_id}',
    timestamp: "${timestamp}",
    nonceStr: "${nonceStr}",
    signature: "${signature}",
    jsApiList: ['previewImage', 'downloadImage', 'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'onMenuShareQZone',
    ]
});

• config中配置的参数由服务端生成并传至前台，参数生成可查看 微信JSSDK开发流程 这篇文章。

2、实现分享参数信息设置：

wx.ready(function() {
    //页面加载的时候加载该分享方法
    wxShare(initTitle, inviteLink, initStartUnix);
});

function wxShare(title, link, time) {
    var ibt = UnixToDate(time);
    // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
    wx.onMenuShareTimeline({
        title: title, // 分享标题
        link: link,    //跳转链接
        imgUrl: basePath + "image/share_icon_event.png", // 分享图标
        success: onShareSuccess(),
        cancel：onShareCancel(),
    });
    // 获取“分享给朋友”按钮点击状态及自定义分享内容接口
    wx.onMenuShareAppMessage({
        title: title, // 分享标题
        link: link,    //跳转链接
        imgUrl: basePath + "image/share_icon_event.png", // 分享图标
        desc: "来自：" + $("#invite_nickname").val() + "\n" + "时间：" + ibt.mo + "月" + ibt.d + "日 " + ibt.h + ":" + ibt.mi + "\n" + "点击查看详情", // 分享描述
        type: 'link', // 分享类型,music、video或link，不填默认为link
        success: onShareSuccess(),
        cancel：onShareCancel(),
    });
}

function onShareSuccess() {
    //分享成功之后的操作
}
function onShareCancel() {
    //分享取消之后的操作
}