1.微信签名(请求后台接口获取签名所需参数)
//微信签名
getWxrz() {
let urlStr = location.href.split('#')[0]; //获取当前url为签名认证地址
uni.request({
url: this.baseUrl + 'api/wechat/signature',
method: 'post',
header: {
sign: this.sign,
timestamp: this.timestamp,
},
data: {
url: urlStr,//获取当前url为签名认证地址
},
success: res => {
if (res.data.code == 0) {
wx.config({
debug: false, // true为开启调试模式,调用的所有api的返回值会在客户端alert出来。
appId: res.data.data.appid, // 必填,公众号的唯一标识
timestamp: res.data.data.timestamp, // 必填,生成签名的时间戳
nonceStr: res.data.data.noncestr, // 必填,生成签名的随机串
signature: res.data.data.signature, // 必填,签名
jsApiList: [ // 可能需要用到的能力
'onMenuShareTimeline',
'onMenuShareAppMessage',
'updateAppMessageShareData',
'updateTimelineShareData'
],
}) // 必填,需要使用的JS接口列表
}
}
});
},
2.实现分享(分享方法一点要写在wx.ready函数内,并且需要先完成签名后,再进行分享)
//分享商品
share(){
let that = this
let urlstr = location.href
console.log('fenxiang',that.shopInfo.title)
wx.ready(res => {
console.log('分享开始了....')
wx.onMenuShareAppMessage({
title: '鯨熹来电', // 分享标题
desc: that.shopInfo.title,
link:urlstr , // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: 'https://jxld.xinlaidian.cn/h5/#/static/logo.png', // 分享图标
success: function (res) {
console.log('分享成功',res)
},
cancel: function (res) {
console.log('分享失败')
}
});
});
},