微信分享
作者:chrispy
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title>资讯</title>
<link rel="stylesheet" href="/css/reset.css">
<link rel="stylesheet" href="/css/layout.css">
</head>
<body>
<!--#include virtual="/WebPage/common.html"-->
<div>
<button id="share-btn">按钮</button>
</div>
<script>
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端$.alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: 'wx19684e7a05958c8e', // 必填,公众号的唯一标识
timestamp: '1524724829', // 必填,生成签名的时间戳
nonceStr: 'F0D44B7FBF9FBE61CC3CF84A22B18259', // 必填,生成签名的随机串
signature: '956f4380cabc3bcd679c5694312f98d0af0a085c',// 必填,签名
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'onMenuShareQZone'
]
// 必填,需要使用的JS接口列表,所有JS接口列表见附录2。详见:http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
});
wx.error(function (res) {
$.alert('验证失败:' + res.errmsg);
});
wx.ready(function () {
var link = 'https://www.baidu.com/';
var imgUrl = 'https://m.hjshu.net/img/logo.png';
wx.checkJsApi({
jsApiList: [
'onMenuShareTimeline',
'onMenuShareAppMessage'
], // 需要检测的JS接口列表,所有JS接口列表见附录2,
success: function (res) {
// 以键值对的形式返回,可用的api值true,不可用为false
// 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
if (!res.checkResult.onMenuShareTimeline || !res.checkResult.onMenuShareAppMessage) {
$.alert('请使用微信浏览器分享邀请!')
}
}
});
//点击按钮分享
$('#share-btn').on('click',function(){
//转发到朋友圈
wx.onMenuShareTimeline({
title: '你的239元/克买黄金特权还未领取!',
desc: '国企投资,新用户享888毫克黄金专属大礼包,更有多重福利!',
link: link,
imgUrl: imgUrl,
success: function () {
$("#mcover").hide();
$.alert('转发成功!');
},
cancel: function () {
$("#mcover").hide();
$.alert('转发失败!');
}
});
})
//转发给朋友
wx.onMenuShareAppMessage({
title: '你的239元/克买黄金特权还未领取!',
desc: '国企投资,新用户享888毫克黄金专属大礼包,更有多重福利!',
link: link,
imgUrl: imgUrl,
type: 'link',
dataUrl: '',
success: function () {
$("#mcover").hide();
$.alert('转发成功!');
},
cancel: function () {
$("#mcover").hide();
$.alert('转发失败!');
}
});
wx.onMenuShareQQ({
title: '你的239元/克买黄金特权还未领取!',
desc: '国企投资,新用户享888毫克黄金专属大礼包,更有多重福利!',
link: link,
imgUrl: imgUrl,
success: function () {
$("#mcover").hide();
$.alert('转发成功!');
},
cancel: function () {
$("#mcover").hide();
$.alert('转发失败!');
}
});
//空间
wx.onMenuShareQZone({
title: '你的239元/克买黄金特权还未领取!',
desc: '国企投资,新用户享888毫克黄金专属大礼包,更有多重福利!',
link: link,
imgUrl: imgUrl,
success: function () {
$("#mcover").hide();
$.alert('转发成功!');
},
cancel: function () {
$("#mcover").hide();
$.alert('转发失败!');
}
});
});
</script>
</body>
</html>