H5同一套分享逻辑,手机端分享的链接可以自定义URL参数,但pc端分享的链接一直都是进入页面的URL
进入链接:http://test-lilith.kinkotec.cn/ 自定义分享链接:http://test-lilith.kinkotec.cn/?alliance_id=5 手机端分享出来的链接:http://test-lilith.kinkotec.cn/?alliance_id=5,正确 PC端分享的出来的链接:http://test-lilith.kinkotec.cn/,错误,不是自定义的分享链接,,是进入页面的URL 如果pc端从 http://test-lilith.kinkotec.cn/?alliance_id=4 链接进入 分享的出来的链接:http://test-lilith.kinkotec.cn/?alliance_id=4,错误,不是自定义的分享链接,还是进入页面的URL 以上情况, wx.config, wx.updateAppMessageShareData , wx.updateTimelineShareData 均提示配置正确 实现代码:
export function useWxShare2(shareConfig: { title: string; imgUrl: string; desc: string; share_url: string }) {
const share_url = shareConfig.share_url
const entryurl = String(localStorage.getItem("entryUrl"))
axios.get(`http://192.168.0.1:8001/share/?url=${encodeURIComponent(entryurl)}`).then(config => {
const configInfo = config.data
wx.config({
debug: true,
appId: configInfo.APP_ID,
timestamp: configInfo.timestamp,
nonceStr: configInfo.nonceStr,
signature: configInfo.signature,
jsApiList: ['updateAppMessageShareData','updateTimelineShareData'],
openTagList: []
})
wx.ready(() => {
wx.updateAppMessageShareData({
title: shareConfig.title,
desc: shareConfig.desc,
link: share_url,
imgUrl:shareConfig.imgUrl,
success: () => {
console.log('success')
},
cancel: () => {
console.log('cancel')
}
})
// 分享到朋友圈
wx.updateTimelineShareData({
title: shareConfig.title,
link: share_url,
imgUrl:shareConfig.imgUrl,
success: () => {
console.log('分享到朋友圈成功')
},
cancel: () => {
console.log('分享到朋友圈取消')
}
})
})
wx.error((res:any) => {
console.error('微信配置失败:', res)
})
}).catch(error => {
// 请求失败处理
console.error(error);
})
}