uniapp自定义微信公众号分享设置
发表时间:2020-10-19
发布人:葵宇科技
浏览次数:123
import wxshare from './wxshare.js'
//设置分享参数@data:从后端接口获取分享相关数据(根据自己实际情况从后端接口获取)
function setWxShare(data) {
wxshare.config({
debug: false,//是否打开调试
appId: data.appId, // 公众号的唯一标识
timestamp: data.timestamp, // 生成签名的时间戳
nonceStr: data.nonceStr, // ,生成签名的随机串
signature: data.signature, // 签名
jsApiList: data.jsApiList
});
wxshare.ready(function() {
//分享给朋友
wxshare.updateAppMessageShareData({
title: data.share_title, // 分享标题
desc: data.share_desc, // 分享描述
link: `${window.location.href}`, // 当前页面链接
imgUrl: data.share_pic, // 分享图标
success: function() {//分享成功回调
},
cancel: function() {//取消分享回调
}
});
//分享到朋友圈
wxshare.updateTimelineShareData({
title: data.share_title, // 分享标题
link: `${window.location.href}`, // 分享链接
desc: data.share_desc, // 分享描述
imgUrl: data.share_pic, // 分享图标
success: function() {
},
cancel: function() {
}
});
})
}
在onLoad或onShow调用setWxShare方法即可
wxshare.js:
https://unpkg.com/jweixin-module@1.4.1/out/index.js