之前做过的一个微信分享功能,今天拿出来分享给刚做微信的同道中人
wx.config({
debug: ‘’,
appId: '', // 必填,公众号的唯一标识
timestamp: '',
nonceStr: '',
signature: '',
jsApiList: ['onMenuShareQZone','onMenuShareWeibo','onMenuShareQQ','checkJsApi','onMenuShareTimeline','onMenuShareAppMessage'] // 必填,需要使用的JS接口列表 这里是所需的分享接口
});
值得一提的是其中的签名问题,签名的获取方式是通过 :
首先通过:开发者ID(AppID),开发者密码(AppSecret),原始ID,获取到微信的js授权
然后根据:js授权返回的字符串,时间戳,16位随即字符串,访问的地址来获得签名,
注:大部分签名获取失败都是因为这个访问地址的原因。请仔细检查
校验签名工具:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign
下面是分享到微信好友,朋友圈,QQ,腾讯微博等,
wx.ready(function(){
console.log("invitationCode === ",invitationCode);
wx.onMenuShareAppMessage({
title: '这里是分享的标题', // 分享标题
desc: '这里是分享的描述!', // 分享描述
link: '这里是点击分享后跳转的链接', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '这里是分享的xiaotub', // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// 用户确认分享后执行的回调函数
console.log("分享成功");
},
cancel: function () {
// 用户取消分享后执行的回调函数
console.log("取消分享");
}
});
wx.onMenuShareTimeline({
title: '这里是分享的标题',
link: '这里是点击分享后跳转的链接', //该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '这里是分享的小图标',
});
wx.onMenuShareQQ({
title: '这里是分享的标题',
desc: '这里是分享的描述!',
link: '这里是点击分享后跳转的链接',
imgUrl: '这里是分享的小图标',
});
wx.onMenuShareWeibo({
title: '这里是分享的标题',
desc: '这里是分享的描述!',
link: '这里是点击分享后跳转的链接',
imgUrl: '这里是分享的小图标',
});
wx.onMenuShareQZone({
title: '这里是分享的标题',
desc: '这里是分享的描述!',
link: '这里是点击分享后跳转的链接',
imgUrl: '这里是分享的小图标',
});
});
