微信JSSDK分享功能使用

微信jssdk初始化

//result为调取后端接口得到的签名信息，调用之前需要先确认：
//1、js接口安全域名已设置;服务器IP白名单已设置；
//2、测试最好用公众号里的测试环境,测试环境中使用ngrok进行外网端口映射;appId
//appSecret使用测试环境中的账号（后台同步使用该appid）
var data = result.data;
var appId = "*******"; //微信公众号的appid
var timestamp = data.timestamp;
var nonceStr =data.nonceStr;
var signature = data.signature;
wx.config({
    debug: false,
    appId: appId,
    timestamp: timestamp,
    nonceStr: nonceStr,
    signature: signature,
    jsApiList: [
        'checkJsApi',
        'onMenuShareTimeline',
        'onMenuShareAppMessage',
        'onMenuShareQQ',
        'onMenuShareWeibo',
        'hideMenuItems',
        'chooseImage',
        'hideMenuItems'
    ]
});

微信支付调用

//需要用到微信jssdk的页面必须要进行config验证，需要立即执行的方法放在ready方法中
//其他的可以随用随调
wx.ready(function () {
    //分享给个人
    wx.onMenuShareAppMessage({
        title: document.title, // 分享标题
        desc: '描述', // 分享描述
        link: location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: 'https://xx.png', // 分享图标
        type: 'link', // 分享类型,music、video或link，不填默认为link
        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
        success: function () {
            console.log("自定义分享成功")
        },
        cancel: function () {
            console.log("分享个人失败")
        }
    });
}