1.安装cnpm i weixin-js-sdk --save
//引入
import wx from "weixin-js-sdk"
//把当前url作为参数传给接口生成微信分享签名
const Params={
url:encodeURIComponent(document.location.href.split('#')[0])
}
2.分享函数
//微信分享方法
WxSharMenu(){
wx.config({
//注意appId,timestamp,nonceStr,signature四个参数,就是把当前url作为参数请求接口,是接口返回生成的
debug: false, //生产环境需要关闭debug模式
appId: this.wxpShare.appId, //appId通过微信服务号后台查看
timestamp: this.wxpShare.timestamp, //生成签名的时间戳
nonceStr:this.wxpShare.nonceStr, //生成签名的随机字符串
signature: this.wxpShare.signature, //签名
jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData']//需要调用的JS接口列表
});
//分享参数,标题,描述,链接,图片title,desc,link,imgUrl
wx.ready(() => {
wx.updateAppMessageShareData({
title: this.sharetitle,
desc: this.sharedescs,
link:this.wxsharelink,
imgUrl: this.shareimg,
success: function () {
// 设置成功
//alert("分享朋友圈设置成功")
}
})
wx.updateTimelineShareData({
title: this.sharetitle,
desc: this.sharedescs,
link: this.wxsharelink,
imgUrl: this.shareimg,
success: function () {
// 设置成功
//alert(desc)
}
})
});
},
3.效果