微信公众号H5,分享朋友,分享朋友圈处理
如果不处理,很丑。
加上下面的代码,就会好看多了。
<script>
// 初始化
wx.config({
debug: false,
appId: '{$weixin.appId}',
timestamp: '{$weixin.timestamp}',
nonceStr: '{$weixin.nonceStr}',
signature: '{$weixin.signature}',
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline']
});
// 处理分享
wx.ready(function () {
// 在页面加载时就调用相关接口,如:分享到朋友圈、获取位置信息等接口
wx.checkJsApi({
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline'],
success: function (res) {
if (res.errMsg == 'checkJsApi:ok') {
// 分享给朋友
wx.onMenuShareAppMessage({
title: '{$vote_info.title}', // 分享标题
desc: '{$vote_info.sub_title}', // 分享描述
link: '{$share_url}', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '{$vote_info.share_img}', // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
// 用户取消已经监听不到了,不管取消与否,都是成功的
success: function () {
alert("恭喜你,分享成功");
},
// 用户取消分享后执行的回调函数
cancel: function () {
alert("取消分享");
}
});
// 分享到朋友圈
wx.onMenuShareTimeline({
title: '{$vote_info.title}', // 分享时的标题
link: '{$share_url}', // 分享时的链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '{$vote_info.share_img}', // 分享时显示的图标
// 用户取消已经监听不到了,不管取消与否,都是成功的
success: function () {
alert("恭喜你,分享成功");
},
// 用户取消分享后执行的回调函数
cancel: function () {
alert("取消分享");
}
});
} else {
alert("失败了.......");
}
}
});
});
// 初始化错误监听
wx.error(function (res) {
alert("error");
});
</script>