关于微信分享
2017-08-28 16:55
176 查看
之前做过的一个微信分享功能,今天拿出来分享给刚做微信的同道中人
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: '这里是分享的小图标',
});
});
这样就成功了,希望对你有帮助。
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: '这里是分享的小图标',
});
});
这样就成功了,希望对你有帮助。
相关文章推荐
- 求救:关于ShareSDK微信分享
- 关于新版本微信分享的一些汇总
- 关于百度frontia 微信分享完成后没回到回调函数里
- 关于微信使用js分享网页不显示缩略图的解决办法
- 关于shareSDK遇到的坑 Android微信分享,打包前可以分享,打包后不能分享。
- 关于微信自定义分享的链接、标题、描述、图片都未生效问题详解
- 关于微信登录以及微博最近jar包分享小结(补充篇)
- iOS 关于友盟微信分享成功回调不走的问题
- 关关于android 微信sdk 分享 图片 到 朋友圈 的问题
- 关于含有微信分享的应用发布包的签名问题
- 微信小程序开发关于分享功能中怎么定义同一个页面中不同的按钮触发不同的分享内容,或者右上角的分享和页面中分享
- ios 关于微信获取手机里边分享过微信的app的想法
- 关于微信分享链接如何传参问题
- 关于 js 微信分享 微博分享 新浪微博分享 易信分享
- 收藏一个链接,关于微信分享签名错误的
- 关于微信分享支付的一些问题
- 关于微信分享、登录的一些注意事项
- 关于微信分享到朋友圈(Thinkphp框架下实现)
- 关于QQ、新浪微博、微信的分享功能的实现
- android关于微信分享和登录的一些注意点