分享链接、图标、地址配置
/wxapi/getJSApi 接⼝需要后端⼈员接⼊开发,并在接⼝内返回的随机串和标识和签名
let mainTitle = res.data.mainTitle
let subTitle = res.data.subTitle
let url = (配置项)
let imgUrl = (配置项)
// let imgUrl ='10.200.5.16/ecard_red_h5/dist/static/img/shareIcon.png'
//获取config所需参数(商城接⼝)
var targetUrl = window.location.href.split('#')[0]
<('/wxapi/getJSApi.api?url=' + encodeURIComponent(targetUrl)).then(res =>{
debug: false, // 开启调试模式,调⽤的所有api的返回值会在客户端alert出来,若要查看传⼊的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时 appId: res.data.appId, // 必填,的唯⼀标识
timestamp: res.data.timestamp, // 必填,⽣成签名的时间戳
nonceStr: Str, // 必填,⽣成签名的随机串
signature: res.data.signature,// 必填,签名,见附录1
jsApiList: [
'hideMenuItems',
'onMenuShareAppMessage',
'onMenuShareTimeline',
'onMenuShareQQ',
'onMenuShareQZone',
'onMenuShareWeibo'
] // 必填,需要使⽤的JS接⼝列表,所有JS接⼝列表见附录2
});
title: mainTitle, // 分享标题
desc: subTitle, // 分享描述
link: url,// 分享链接,该链接域名或路径必须与当前页⾯对应的JS安全域名⼀致
imgUrl: imgUrl, // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: function () {
// ⽤户确认分享后执⾏的回调函数
},
cancel: function () {
// ⽤户取消分享后执⾏的回调函数
}
});
title: mainTitle, // 分享标题
link: url, // 分享链接,该链接域名或路径必须与当前页⾯对应的JS安全域名⼀致
imgUrl: imgUrl, // 分享图标
success: function () {
// ⽤户确认分享后执⾏的回调函数
},
cancel: function () {
// ⽤户取消分享后执⾏的回调函数
}
});
title: mainTitle, // 分享标题
desc: subTitle, // 分享描述
link: url, // 分享链接
icon图标库
imgUrl: imgUrl, // 分享图标
imgUrl: imgUrl, // 分享图标
success: function () {
// ⽤户确认分享后执⾏的回调函数 },
cancel: function () {
// ⽤户取消分享后执⾏的回调函数 }
});
title: mainTitle, // 分享标题
desc: subTitle, // 分享描述
link: url, // 分享链接
imgUrl: imgUrl, // 分享图标
success: function () {
// ⽤户确认分享后执⾏的回调函数 },
cancel: function () {
// ⽤户取消分享后执⾏的回调函数 }
});
title: mainTitle, // 分享标题
desc: subTitle, // 分享描述
link: url, // 分享链接
imgUrl: imgUrl, // 分享图标
success: function () {
// ⽤户确认分享后执⾏的回调函数 },
cancel: function () {
// ⽤户取消分享后执⾏的回调函数 }
});
});
})
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论