收藏
评论

H5页面分享不显示自定义标题和图片?官方

原因是H5用旧的方式申请JSAPI分享权限,后台返回无权限,因此分享的时候不能自定义,建议开发者接入新的分享方式:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html ,使用新的wx.updateAppMessageShareData和wx.updateTimelineShareData接口来设置分享数据。

528377浏览
最后一次编辑于  2020-04-23
知识库内容非实时更新,可能已过期、失效或不适用于当前情形,请谨慎参考
收藏
反馈

193 个评论

  • Pioneer
    Pioneer
    03-02

    求助:分享之后不显示标题、图片

    分享链接:http://cjpt.ltqihang.com/#/index?inviterUserId=1353671794204479488&activityId=1498596903188041728&groupId=

    公众号APPID: wxcb0d98302a601284

    分享后的效果


    03-02
    赞同
    回复
  • Pioneer
    Pioneer
    03-02

    求助:分享之后不显示标题、图片

    分享链接:http://cjpt.ltqihang.com/#/index?inviterUserId=1353671794204479488&activityId=1498596903188041728&groupId=

    公众号APPID: wxcb0d98302a601284

    分享后的效果

    03-02
    赞同
    回复
  • 大道路口见
    大道路口见
    02-11

    同样的问题出现了,1.6的SDK,是不是新号都没有分享能力?

    02-11
    赞同
    回复
  • fruitchan
    fruitchan
    01-25

    微信内 扫描二维码分享链接不显示设置的:描述、图片 。 但是显示标题

    链接是:https://cyrj.zjeid.com/template/index.html#/?themeid=32e4c9ad828b4e5499bc2abb7c455d16

    AppID:wx2ebaf63870538617

    用的是新的wx.updateAppMessageShareData和wx.updateTimelineShareData接口


    01-25
    赞同
    回复 1
    • fruitchan
      fruitchan
      01-25
      01-25
      回复
  • JYF.
    JYF.
    01-20

    还没有解决吗?10多天了。

    01-20
    赞同
    回复
  • 老妖怪
    老妖怪
    01-17

    网页:https://mdjcb.dpcm.cn/wap/index1.asp?FID=776

    appId:wxc4429e7a3156f611"

    安卓不显示设置的:描述、图片,苹果和pc端都正常!!!

    官方搭理一下!!!!!!


    01-17
    赞同
    回复
  • Euphoria
    Euphoria
    01-14

    微信分享链接不显示设置的:标题、描述、图片,只有部分手机显示正常。请问是什么原因呢?

    链接:https://health.miaoshou.com

    appid:wx0bf645727ba72575


    01-14
    赞同
    回复
  • 二月红
    二月红
    01-14

    昨天我们线上还好好的,今天就不显示title和头图了,咋了呀,是微信接口做调整了嘛

    01-14
    赞同
    回复
  • 老妖怪
    老妖怪
    01-14

    网页:https://mdjcb.dpcm.cn/wap/index1.asp?FID=776

    appId:wxc4429e7a3156f611"

    微信分享链接不显示设置的:标题、描述、图片

    求帮忙!!!!


    01-14
    赞同
    回复
  • 陈师傅
    陈师傅
    01-13

    最近我的也挂了,以前一直可以用。

    // 声明APPID、APPSECRET
    $appid = "wxa0012a4f29a5291e";
    $appsecret = "*****************";
    // 获取access_token和jsapi_ticket
    function getToken(){
       $file = file_get_contents("access_token.json",true);//读取access_token.json里面的数据
       $result = json_decode($file,true);
    //判断access_token是否在有效期内,如果在有效期则获取缓存的access_token
    //如果过期了则请求接口生成新的access_token并且缓存access_token.json
    if (time() > $result['expires']){
           $data = array();
           $data['access_token'] = getNewToken($appid,$appsecret);
           $data['expires'] = time()+7000;
           $jsonStr =  json_encode($data);
           $fp = fopen("access_token.json", "w");
           fwrite($fp, $jsonStr);
           fclose($fp);
           return $data['access_token'];
       }else{
           return $result['access_token'];
       }
    }
    //获取新的access_token
    function getNewToken($appid,$appsecret){
       global $appid;
       global $appsecret;
       $url = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=".$appid."&secret=".$appsecret."";
       $access_token_Arr =  file_get_contents($url);
       $token_jsonarr = json_decode($access_token_Arr, true);
       return $token_jsonarr["access_token"];
    }
    $access_token = getToken();
    //缓存jsapi_ticket
    function getTicket(){
       $file = file_get_contents("jsapi_ticket.json",true);//读取jsapi_ticket.json里面的数据
       $result = json_decode($file,true);
    //判断jsapi_ticket是否在有效期内,如果在有效期则获取缓存的jsapi_ticket
    //如果过期了则请求接口生成新的jsapi_ticket并且缓存jsapi_ticket.json
    if (time() > $result['expires']){
           $data = array();
           $data['jsapi_ticket'] = getNewTicket($appid,$appsecret);
           $data['expires'] = time()+7000;
           $jsonStr =  json_encode($data);
           $fp = fopen("jsapi_ticket.json", "w");
           fwrite($fp, $jsonStr);
           fclose($fp);
           return $data['jsapi_ticket'];
       }else{
           return $result['jsapi_ticket'];
       }
    }
    //获取新的access_Ticket
    function getNewTicket($appid,$appsecret){
       global $appid;
       global $appsecret;
       $url = "https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=".getToken()."";
       $jsapi_ticket_Arr =  file_get_contents($url);
       $ticket_jsonarr = json_decode($jsapi_ticket_Arr, true);
       return $ticket_jsonarr["ticket"];
    }
    $jsapiTicket = getTicket();
    // 动态获取URL
    $protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
    $url = "$protocol$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
    // 生成时间戳
    $timestamp = time();
    // 生成nonceStr
    $createNonceStr = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
    str_shuffle($createNonceStr);
    $nonceStr = substr(str_shuffle($createNonceStr),0,16);
    // 按照 key 值 ASCII 码升序排序
    $string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";
    // 按顺序排列按sha1加密生成字符串
    $signature = sha1($string);
    


    输出的HTML部分是这样的:

    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    	<script type="text/javascript">
    	// 初始化配置
    	wx.config({
    	debug: false, // 正式上线后改成false不在弹出调试信息
    	appId: 'wxa0012a4f29a5291e',
    	timestamp: 1642070615,
    	nonceStr: 'vXt2KxBrLT4hsDIa',
    	signature: 'ed91c871a84783207eab18914036183358d34ede',
    	jsApiList: [
    	'updateAppMessageShareData',
    	'updateTimelineShareData'
    	]
    	});
    	
    	// 配置完成后会调用ready函数
    	wx.ready(function () {
    	
    	//分享到朋友圈
    	wx.updateTimelineShareData({
    	title: '植物内生芽孢杆菌的研究进展',
    	link: 'http://www.msxg.net/2095-1736-2020-03-0091-05.html',
    	imgUrl: 'http://www.msxg.net/images/2022011001.jpg',
    	success: function () {
    	// 分享成功
    	}
    	})
    	
    	wx.updateAppMessageShareData({
    	title: '植物内生芽孢杆菌的研究进展',
    	desc: '芽孢杆菌是植物内生态的重要组成部分,不仅分布广泛,种类繁多,还可以在植物的生长周期中通过促生、抗病虫害和抗逆等功能发挥广泛且必要的作用。内生芽孢杆菌及其产物不仅在农业生防领域拥有极大的应用价值,而且为解决新药研发、环境修复等方面的问题提供了新的可行思路。',
    	link: 'http://www.msxg.net/2095-1736-2020-03-0091-05.html',
    	imgUrl: 'http://www.msxg.net/images/2022011001.jpg',
    	success: function () {
    	// 分享成功
    	}
    	})
    	
    	});
    	
    	//错误返回信息
    	wx.error(function(res){
    	// config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
    	//alert(res);
    	});
    	
    	</script>
    


    网站下文章页面都是这样,所有设置都按官方文档设置了,求解决。可以看这个页面。

    http://www.msxg.net/betaine-and-plant-stress-resistance.html

    01-13
    赞同
    回复

正在加载...

登录 后发表内容