1 先安装 jweixin-module
npm install jweixin-module --save
2 分享方法
// 公众号分享
wxjssdks() {
let tit = ‘你的标题’;
let desc = ‘描述’
let images = ‘utl图片路径’;
var surl = encodeURIComponent(window.location.href.split('#')[0]);
const _this = this;
const wx = require('jweixin-module');//可以在本方法中引用
let obj = {
url: surl//后台必须解码
}
let linkUrl = "https://wd.com/?id=" + this.id + "&type=" + this
.type;
this.$request.htInterface(obj).then(res => {
var Data = res.data;
console.log(Data, '---------返回的值')
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: Data.appId, // 必填,公众号的唯一标识 由接口返回
timestamp: Data.timestamp, // 必填,生成签名的时间戳 由接口返回
nonceStr: Data.nonceStr, // 必填,生成签名的随机串 由接口返回
signature: Data.signature, // 必填,签名 由接口返回
//需要分享的列表项:发送给朋友,分享到朋友圈,分享到QQ,分享到QQ空间
jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"]
});
if (res.status == 400) {
//处理验证成功的信息
wx.ready(function() {
//处理验证失败的信息
wx.error(function(err) {
console.log(err, '=============报错值')
});
//分享到朋友圈
wx.updateTimelineShareData({
title: tit, // 分享标题
desc: desc,
link: linkUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: images[0], // 分享图标
success: function(res) {
// 用户确认分享后执行的回调函数
}
});
//分享给朋友
wx.updateAppMessageShareData({
title: tit, // 分享标题
desc: desc,
link: linkUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: images[0], // 分享图标
type: "", // 分享类型,music、video或link,不填默认为link
dataUrl: "", // 如果type是music或video,则要提供数据链接,默认为空
success: function(res) {
// 用户确认分享后执行的回调函数
}
});
});
}
}).catch(error => {
console.log(error)
})
},