微信JS分享功能--微信JS系列文章(二)
- 概述
在上一篇文章微信JS初始化-- 微信JS系列文章(一)中已经介绍了微信JS初始化的相关工作,接下来本文继续就微信JS的分享功能进行描述,供大家参考。
- 代码
$(document).ready(function(){ wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: webParams.appId, // 必填,公众号的唯一标识 timestamp: webParams.timestamp, // 必填,生成签名的时间戳 nonceStr: webParams.nonceStr, // 必填,生成签名的随机串 signature: webParams.signature,// 必填,签名,见附录1 jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareWeibo'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function(){ //微信分享到朋友圈 wx.onMenuShareTimeline({ title: webParams.title, // 分享标题 desc: webParams.desc, // 分享描述 link: webParams.shareUrl, // 分享链接 imgUrl: webParams.imgUrl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 $('#guide').hide(); }, cancel: function () { // 用户取消分享后执行的回调函数 $('#guide').hide(); } }); //微信分享好友 wx.onMenuShareAppMessage({ title: webParams.title, // 分享标题 desc: webParams.desc, // 分享描述 link: webParams.shareUrl, // 分享链接 imgUrl: webParams.imgUrl, // 分享图标 type: "link", // 分享类型,music、video或link,不填默认为link dataUrl: "", // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 $('#guide').hide(); }, cancel: function () { // 用户取消分享后执行的回调函数 $('#guide').hide(); } }); //分享到QQ空间 wx.onMenuShareQZone({ title: webParams.title, // 分享标题 desc: webParams.desc, // 分享描述 link: webParams.shareUrl, // 分享链接 imgUrl: webParams.imgUrl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 $('#guide').hide(); }, cancel: function () { // 用户取消分享后执行的回调函数 $('#guide').hide(); } }); //分享到QQ wx.onMenuShareQQ({ title: webParams.title, // 分享标题 desc: webParams.desc, // 分享描述 link: webParams.shareUrl, // 分享链接 imgUrl: webParams.imgUrl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 $('#guide').hide(); }, cancel: function () { // 用户取消分享后执行的回调函数 $('#guide').hide(); } }); //分享到腾讯微博 wx.onMenuShareWeibo({ title: webParams.title, // 分享标题 desc: webParams.desc, // 分享描述 link: webParams.shareUrl, // 分享链接 imgUrl: webParams.imgUrl, // 分享图标 success: function () { // 用户确认分享后执行的回调函数 $('#guide').hide(); }, cancel: function () { // 用户取消分享后执行的回调函数 $('#guide').hide(); } }); }); });