微信分享功能

首先可以去微信官方的js-sdk查看具体的使用方法
地址:http://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html

1.首先需要在认证了的公众平台域名下,
2.config配置文件getSign.php需要传入两个微信公众平台提供的参数(appId,appsecret):getSign
步骤一:在页面头部引入js

[code lang=”js”]
<script type="text/javascript">http://res.wx.qq.com/open/js/jweixin-1.0.0.js</script>
[/code]

步骤二:配置config

[code lang=”js”]
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: ”, // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: ”, // 必填,生成签名的随机串
signature: ”,// 必填,签名,见附录1
jsApiList: [‘onMenuShareTimeline’,’onMenuShareAppMessage’] //朋友和朋友圈 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});
[/code]

步骤三:通过ready接口处理成功后的操作

[code lang=”js”]
wx.ready(function (res) {
//分享到朋友圈
wx.onMenuShareTimeline({
title: shareData.title, // 分享标题
link: shareData.share_url, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
wx.onMenuShareAppMessage({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.share_url, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
type: ”, // 分享类型,music、video或link,不填默认为link
dataUrl: ”, // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
wx.error(function (res){
console.log(res.errMsg);
});
[/code]

步骤四:获取config数据

[code lang=”js”]
//获取jssdk数据
$.getJSON(‘getSign.php?url=’ + shareData.share_url,function(signPackageData){
weixinShare(signPackageData);
});
[/code]

完整的代码示例

[code lang=”js”]
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
(function(){
var shareData = {
‘share_url’:window.location.href,
‘title’:’我的2015负能量成功清零,新的一年’ + shareTitle,
‘desc’:’2015整年的负能量,大神都帮我转成了新年好运,真的好灵啊,你也来试试吧!’,
‘imgUrl’:’http://h5.becomingjenny.net/Koala2016-yd/img/share.jpg’
}
function weixinShare(signPackage){
wx.config({
debug: false,
appId: ‘wxb6b88f29b866f7b3’, // 必填,公众号的唯一标识
timestamp: signPackage.timestamp, //当前的时间戳
nonceStr: signPackage.nonceStr,
signature: signPackage.signature,// 必填,签名,见附录1
jsApiList: [‘onMenuShareTimeline’,’onMenuShareAppMessage’]
});
wx.ready(function (res) {
//分享到朋友圈
wx.onMenuShareTimeline({
title: shareData.title, // 分享标题
link: shareData.share_url, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
wx.onMenuShareAppMessage({
title: shareData.title, // 分享标题
desc: shareData.desc, // 分享描述
link: shareData.share_url, // 分享链接
imgUrl: shareData.imgUrl, // 分享图标
type: ”, // 分享类型,music、video或link,不填默认为link
dataUrl: ”, // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
});
wx.error(function (res){
console.log(res.errMsg);
});
}

//获取jssdk数据
$.getJSON(‘getSign.php?url=’ + shareData.share_url,function(signPackageData){
weixinShare(signPackageData);
});
})();
</script>
[/code]

发表评论

邮箱地址不会被公开。 必填项已用*标注