收藏
回答

h5转发给朋友以卡片分享形式,手机端分享卡片正常有图片,pc端微信转发就不正常,只有链接,没有图片?

var hrefUrl = window.location.href.split('#')[0];

var title = '{$info.name}';

var imgUrl = '{$info.pic}';

var Id = '{$info.id}'

// var str = JSON.stringify({id:'{$info.id}',jump_type:13})

var wx = wx;


$.ajax({

url: 'https://xxxx.com/app/Login/js',

// url : "/wxshare",

type: 'POST',

data: {

       url: hrefUrl

},

success: (res) => {

// alert(res.wx.appId)

// 微信分享

wx.config({

  debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

  appId: res.wx.appId, // 必填,公众号的唯一标识

  timestamp: res.wx.timestamp, // 必填,生成签名的时间戳

  nonceStr: res.wx.nonceStr, // 必填,生成签名的随机串

  signature: res.wx.signature,// 必填,签名

  jsApiList: ['updateAppMessageShareData','updateTimelineShareData'],// 必填,需要使用的JS接口列表

  openTagList: ['wx-open-launch-app'] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app']

});

},

fail: function (err) {

    // console.log('errr',err)

// alert("获取失败")

  // 设置成功

})

wx.error(function (res) {

// alert('验证失败')

console.log('err',res)

// console.log(res)

  // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名

});

wx.ready(function(){

wx.checkJsApi({

jsApiList: [

'updateAppMessageShareData',

'updateTimelineShareData',

],

openTagList: ['wx-open-launch-app']

}),

wx.updateAppMessageShareData({

title: title, // 分享标题

desc: title, // 分享描述

link: hrefUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: imgUrl, // 分享图标

success: function () {

// alert("分享成功")

  // 设置成功

},

feil: function () {

// alert("分享失败")

  // 设置成功

}

}),

wx.updateTimelineShareData({

title: title, // 分享标题

link: hrefUrl, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

imgUrl: imgUrl, // 分享图标

success: function () {

// 设置成功

}

})

})

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

4 个回答

  • 社区技术运营专员--许涛
    社区技术运营专员--许涛
    07-18

    你好,开发者工具Debug一下

    07-18
    有用
    回复 3
    • 雅
      08-20
      同一个页面 手机端分享正常,电脑版微信打开分享就是原链接,而为配置得分享链接和卡片信息 希望排查一下
      08-20
      1
      回复
    • 社区技术运营专员--许涛
      社区技术运营专员--许涛
      08-20回复
      从卡片形式进入分享是卡片形式,文字链接形式分享是链接形式
      08-20
      回复
    • A.H~爱华^n^
      A.H~爱华^n^
      08-29
      同样的问题,debug参数都没问题,在手机端都正常,pc客户端上图片和链接有问题,图片出不来,链接到了首页地址
      08-29
      回复
  • Slash J
    Slash J
    07-22

    vue开发的H5在电脑微信点分享给朋友,如果切换页面后点分享,分享的内容是打开页面时的内容,并不是当前内容。例如打开是url是/web/a,点击到/web/b点分享给朋友,这时候分享的内容是a页面的内容

    07-22
    有用
    回复 1
    • 阿白
      阿白
      08-21
      同问啊,大佬解决了吗
      08-21
      回复
  • 智能回答 智能回答 本次回答由AI生成
    07-18
    有用
  • yuik-🍊
    yuik-🍊
    07-18

    手机端分享给朋友,朋友圈,都是正常的卡片形式,

    pc端分享就不行了,只有链接没有图片,是什么原因


    07-18
    有用
    回复 1
登录 后发表内容