微信分享的功能

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>一点学车</title>
<link rel="stylesheet" href="http://res.wx.qq.com/open/libs/weui/1.1.1/weui.min.css">
<script type="text/javascript" src="http://wechat.daopeng365.com/js/jquery-1.8.3.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<style type="text/css">
.com-app-share {
position: absolute;
top: -1600px;
left: 0
}
</style>
</head>
<body>
<div class="com-app-share">
<h1>10月1日驾考新规,科一、科二、科三、科四内容有哪些变化?</h1>
<img src="http://ot9xer3cv.bkt.clouddn.com/app_icon.png" alt="一点学车" width="0" height="0">
<p>一点学车,学车不止快一点。欢迎关注“一点学车”微信公众号。</p>
</div>
<script type="text/javascript">
var timestamp;
var nonceStr;
var signature;
var loc = decodeURI(window.location);
var getv1 = '';
$.ajax({
url: getv1 + 'weixin/getTicket',
dataType: 'json',
type: 'GET',
data: {
url: '' + window.location + ''
},
success: function(data) {
debugger;
timestamp = data.data.timestamp;
nonceStr = data.data.noncestr;
signature = data.data.signature;
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature, // 必填,签名,见附录1
jsApiList: ['scanQRCode', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'chooseImage',
'uploadImage', 'onMenuShareQQ', 'onMenuShareQZone'
] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
},
error: function() {
alert("失败");
}
});
wx.ready(function() {
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
/*分享到朋友圈*/
wx.onMenuShareTimeline({
title: '微信公众号', // 分享标题
link: 'http://wechat.daopeng365.com/weibo/page/index.html', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'http://ot9xer3cv.bkt.clouddn.com/app_icon.png', // 分享图标
success: function(res) {
// alert('已分享');
},
cancel: function(res) {
// alert('已取消');
},
fail: function(res) {
//alert(JSON.stringify(res));
}
});
/*分享给朋友*/
wx.onMenuShareAppMessage({
title: '一点学车haha', // 分享标题
desc: '一点学车,学车不止快一点。欢迎关注“一点学车”微信公众号。', // 分享描述
link: 'http://wechat.daopeng365.com/weibo/page/index.html', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'http://ot9xer3cv.bkt.clouddn.com/app_icon.png', // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function() {
// 用户确认分享后执行的回调函数
},
cancel: function() {
// 用户取消分享后执行的回调函数
}
});
/*分享到qq*/
wx.onMenuShareQQ({
title: '一点学车', // 分享标题
desc: '一点学车,学车不止快一点。欢迎关注“一点学车”微信公众号。', // 分享描述
link: 'http://wechat.daopeng365.com/weibo/page/index.html', // 分享链接
imgUrl: 'http://ot9xer3cv.bkt.clouddn.com/app_icon.png', // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
},
cancel: function() {
// 用户取消分享后执行的回调函数
}
});
/*分享到空间*/
wx.onMenuShareQZone({
title: '一点学车haha', // 分享标题
desc: '一点学车,学车不止快一点。欢迎关注“一点学车”微信公众号。', // 分享描述
link: 'http://wechat.daopeng365.com/weibo/page/index.html', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'http://ot9xer3cv.bkt.clouddn.com/app_icon.png', // 分享图标
success: function() {
// 用户确认分享后执行的回调函数
},
cancel: function() {
// 用户取消分享后执行的回调函数
}
});
wx.error(function(res) {
// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
alert("errorMSG:" + JSON.stringify(res));
});
});
</script>
</body>

</html>

原文地址:https://www.cnblogs.com/yesu/p/7516145.html