300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 微信公众号分享链接 图标 地址配置

微信公众号分享链接 图标 地址配置

时间:2018-07-19 18:25:10

相关推荐

微信公众号分享链接 图标 地址配置

/wxapi/getJSApi 接口需要后端人员接入开发,并在接口内返回公众号的随机串和公众号标识和签名

let mainTitle = res.data.mainTitlelet subTitle = res.data.subTitlelet url = (配置项)

let imgUrl = (配置项)// let imgUrl ='http://10.200.5.16/ecard_red_h5/dist/static/img/shareIcon.png'//获取微信config所需参数(商城接口)var targetUrl = window.location.href.split('#')[0]axios.get('/wxapi/getJSApi.api?url=' + encodeURIComponent(targetUrl)).then(res =>{wx.config({debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。appId: res.data.appId, // 必填,公众号的唯一标识timestamp: res.data.timestamp, // 必填,生成签名的时间戳nonceStr: res.data.nonceStr, // 必填,生成签名的随机串signature: res.data.signature,// 必填,签名,见附录1jsApiList: ['hideMenuItems','onMenuShareAppMessage','onMenuShareTimeline','onMenuShareQQ','onMenuShareQZone','onMenuShareWeibo'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2});wx.ready(function(){wx.onMenuShareAppMessage({title: mainTitle, // 分享标题desc: subTitle, // 分享描述link: url,// 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标type: '', // 分享类型,music、video或link,不填默认为linkdataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareTimeline({title: mainTitle, // 分享标题link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareQQ({title: mainTitle, // 分享标题desc: subTitle, // 分享描述link: url, // 分享链接imgUrl: imgUrl, // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareWeibo({title: mainTitle, // 分享标题desc: subTitle, // 分享描述link: url, // 分享链接imgUrl: imgUrl, // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});wx.onMenuShareQZone({title: mainTitle, // 分享标题desc: subTitle, // 分享描述link: url, // 分享链接imgUrl: imgUrl, // 分享图标success: function () {// 用户确认分享后执行的回调函数},cancel: function () {// 用户取消分享后执行的回调函数}});});})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。