h5页面在微信内部分享

今天自己写了一个微信分享的功能,可以说遇到了很多坑,但最好还是顺利完成了,分享给大家,让大家少爬一点坑

1.引用js:

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

2.生成签名

wx.config({  
       debug: false,  
       appId: 'XXXXX', // 必填,公众号的唯一标识  
       timestamp: XXXXXX, // 必填,生成签名的时间戳  
       nonceStr: XXXXX, // 必填,生成签名的随机串  
       signature:XXXXX,// 必填,签名,见附录1  
       jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','error'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
  });

3.配置参数

wx.ready(function () {
//获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
wx.onMenuShareTimeline({
    title: '', // 分享标题
    link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: '', // 分享图标
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});
//获取“分享给朋友”按钮点击状态及自定义分享内容接口
wx.onMenuShareAppMessage({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
    imgUrl: '', // 分享图标
    type: '', // 分享类型,music、video或link,不填默认为link
    dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    success: function () { 
        // 用户确认分享后执行的回调函数
    },
    cancel: function () { 
        // 用户取消分享后执行的回调函数
    }
});
})



版权声明:本文为qq_32328207原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。