收藏
回答

通过jssdk分享h5页面,只出现链接,没有卡片?

AppID
wxdb4f664d85846239

要做一个页面分享的功能,希望分享出去的是分享卡片的模式。使用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)
    });
  })
}


回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容
问题标签