const share = () => { const hostWithPort = window.location.host; const protocol = window.location.protocol; let shareMsage = { title: state.article.articleInfo.articleTitle, link: window.location.href, desc: state.article.articleInfo.articleRemark ? state.article.articleInfo.articleRemark : state.article.articleInfo.articleTitle, type: 'link', img: protocol + "//" + hostWithPort + `/img/mylogo.860ef6a8.png` } getJSSDK(shareMsage) } import wx from 'weixin-js-sdk' import { getShareConfig } from '@/api/shares' const jsApiList = ['updateAppMessageShareData', 'updateTimelineShareData', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone'] export const getJSSDK = (shareMsage) => { const protocol = window.location.protocol const hostWithPort = window.location.host let url = encodeURIComponent(shareMsage.link) getShareConfig(url).then((res) => { const shareConfig = res wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: shareConfig.appId, // 必填，公众号的唯一标识 timestamp: shareConfig.timestamp, // 必填，生成签名的时间戳 nonceStr: shareConfig.nonceStr, // 必填，生成签名的随机串 signature: shareConfig.signature, // 必填，签名 jsApiList: jsApiList, // 必填，需要使用的JS接口列表 }) wx.ready(() => { let shareData = { title: shareMsage.title, desc: shareMsage.desc, link: shareMsage.link, imgUrl: shareMsage.img ? shareMsage.img : protocol + "//" + hostWithPort + `/img/mylogo.860ef6a8.png`, trigger: (res) => { console.log('用户点击分享按钮', res) }, success: (res) => { console.log('已分享', res) }, cancel: (res) => { console.log('已取消', res) }, fail: (res) => { console.log('分享失败', res) }, } wx.onMenuShareTimeline(shareData) wx.updateAppMessageShareData(shareData) wx.updateTimelineShareData(shareData) wx.onMenuShareAppMessage(shareData) wx.onMenuShareQQ(shareData) wx.onMenuShareWeibo(shareData) wx.onMenuShareQZone(shareData) }) wx.error((res) => { console.log('微信验证失败', res) }) }) } export default { getJSSDK, }