要做一个页面分享的功能,希望分享出去的是分享卡片的模式。使用jssdk的代码,但是右上角 ... 打开后,发送给朋友时,显示的是链接地址,不是“[链接]标题”这种格式,接收到的也是链接地址,不是分享卡片。
在社区里搜索类似问题,发现有人提出,现在h5页面分享,是不会出现卡片的,只有在公众号菜单里设置才有卡片,也不知道这个说法对不对?
使用了debug模式,显示了下面几个OK提示,表示wx.config调用成功。
{"errMsg":"config:ok"}
{"errMsg":"updateAppMessageShareData:ok"}
{"errMsg":"updateTimelineShareData:ok"}
域名是微信公号里配置过的认证域名。
分享页面后,配置里的 success方法是调用成功的,说明wx.ready(function....)这里是执行成功的。
代码如下
const share = () => {
let url = "https://域名/h5-m/"
commonService.getJsSdkConfig(url).then(res => {
let config = {
debug: true,
...res.data,
jsApiList: [
'updateAppMessageShareData',
'updateTimelineShareData'
],
}
wx.config(config)
wx.ready(function () { //需在用户可能点击分享按钮前就先调用
let option = {
title: `${curCoupon.value.name}`,
desc: `${curCoupon.value.message}`,
link: `https://域名/web/wx/couponview/${curCoupon.value.id}`,
imgUrl: 'https://域名/web/images/ic_tp2.jpg',
success: function () {
crmService.shareCoupon(curCoupon.value.id).then((shareRes: any)=>{
sharestate.value="分享成功"
})
},
cancel: function () { }
}
wx.updateAppMessageShareData(option)
wx.updateTimelineShareData(option)
});
})
}
你好,不对(在社区里搜索类似问题,发现有人提出,现在h5页面分享,是不会出现卡片的)。请使用卡片形式进入后分享