vue实现微信分享
1.npm iweixin-js-sdk --save //安装微信sdk2.import wx from ‘weixin-js-sdk’ //在需要的地方引入3.要注意的是onMenuShareAppMessage,onMenuShareTimeline是微信sdk1.4.0以下版本的方法如果版本在1.4.0以上,必须使用新的方法updateAppMessageShareData,updateT
·
1.npm i weixin-js-sdk --save //安装微信sdk
2.import wx from ‘weixin-js-sdk’ //在需要的地方引入
3.要注意的是onMenuShareAppMessage,onMenuShareTimeline是微信sdk1.4.0以下版本的方法
如果版本在1.4.0以上,必须使用新的方法updateAppMessageShareData,updateTimelineShareData
需要在wx.config的jsApiList进行注册 用法与onMenuShareAppMessage,onMenuShareTimeline一样
wx.config({
appId: res.data.appid, // 和获取Ticke的必须一样------必填,公众号的唯一标识
timestamp: res.data.timestamp, // 必填,生成签名的时间戳
nonceStr: res.data.nonceStr, // 必填,生成签名的随机串
signature: signature,// 必填,签名,见附录1
//需要分享的列表项:发送给朋友,分享到朋友圈,分享到QQ,分享到QQ空间
jsApiList: [
'onMenuShareAppMessage', 'onMenuShareTimeline',
]
});
//分享的参数
let shareMsage = {
title: '分享标题',
desc: '分享描述',
link: '分享点击跳转的链接'
type: 'link',
imgUrl: '分享的图片,一般为logo'
}
//监听分享动作
wx.ready(function () {
//分享给好友
wx.onMenuShareAppMessage({
title: shareMsage.title, // 分享标题
desc: shareMsage.desc, //分享的描述
link: shareMsage.link, // 分享链接,该链接域名必须与当前企业的可信域名一致
type: shareMsage.type, // 分享类型,music、video或link,不填默认为link
imgUrl: shareMsage.imgUrl, // 分享图标
success: function() {
that.$message.success('分享成功')
},
});
//分享到朋友圈
wx.onMenuShareAppMessage({
title: shareMsage.title, // 分享标题
desc: shareMsage.desc, //分享的描述
link: shareMsage.link, // 分享链接,该链接域名必须与当前企业的可信域名一致
type: shareMsage.type, // 分享类型,music、video或link,不填默认为link
imgUrl: shareMsage.imgUrl, // 分享图标
success: function() {
that.$message.success('分享成功')
},
});
});
更多推荐
已为社区贡献2条内容
所有评论(0)