<script>
const wx = require('weixin-js-sdk')
export default{
name: '',
data() {
return{
}
},
mounted() {
setTimeout(function() {
this.share()
},500) // 延迟，异步请求
},
methods:{
share() {
this.$http.get(''+ common.apiDomain+'/api',{}) // common.apiDomain为统一api域名
.then(function(res) {
this.wxInit(res.body)
})
},
wxInit(sd) {
let links = window.location.href//分享出去的链接
let title =this.article.Title//分享的标题
let desc =this.article.Remark//分享的详情介绍
let imgUrl ='http://www.jxb8.com/jxb.png'
wx.config({
debug:false,
appId: sd.AppId,//必填，公众号的唯一标识
timestamp: sd.TimeStamp,//必填，生成签名的时间戳
nonceStr: sd.NonceStr,//必填，生成签名的随机串
signature: sd.Signature,//必填，签名
jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo','onMenuShareQZone']//必填，需要使用的JS接口列表
})
wx.ready(function() {
wx.onMenuShareTimeline({
title: title,//分享标题
desc: desc,//分享描述
link: links,//分享链接
imgUrl: imgUrl,//分享图标
success:function() {
alert('分享到朋友圈成功')
},
cancel:function() {
// alert('分享失败,您取消了分享!')
}
})
//微信分享菜单测试
wx.onMenuShareAppMessage({
title: title,//分享标题
desc: desc,//分享描述
link: links,//分享链接
imgUrl: imgUrl,//分享图标
success:function() {
// alert('成功分享给朋友')
},
cancel:function() {
// alert('分享失败,您取消了分享!')
}
})
wx.onMenuShareQQ({
title: title,//分享标题
desc: desc,//分享描述
link: links,//分享链接
imgUrl: imgUrl,//分享图标
success:function() {
// alert('成功分享给QQ')
},
cancel:function() {
// alert('分享失败,您取消了分享!')
}
})
wx.onMenuShareWeibo({
title: title,//分享标题
desc: desc,//分享描述
link: links,//分享链接
imgUrl: imgUrl,//分享图标
success:function() {
// alert('成功分享给朋友')
},
cancel:function() {
// alert('分享失败,您取消了分享!')
}
})
wx.onMenuShareQZone({
title: title,//分享标题
desc: desc,//分享描述
link: links,//分享链接
imgUrl: imgUrl,//分享图标
success:function() {
// alert('成功分享给朋友')
},
cancel:function() {
// alert('分享失败,您取消了分享!')
}
})
})
wx.error(function(res) {
// alert("error")
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
})
}
}
}
</script>
PS:新版微信浏览器不能自定义分享问题暂未解决
网友评论