收藏
评论

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

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

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

212 个评论

  • 老妖怪
    老妖怪
    2022-01-14

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

    appId:wxc4429e7a3156f611"

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

    求帮忙!!!!


    2022-01-14
    赞同
    回复
  • 陈师傅
    陈师傅
    2022-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

    2022-01-13
    赞同
    回复
  • H丶名侦探柯西瓜
    H丶名侦探柯西瓜
    2022-01-07

    微信分享链接不显示标题、描述、图片,分享到朋友圈时就连URL都变成了文本

    链接:https://xeuser.xuan1tech.com/xedesign/h5/showworks?workno=W6931000338

    公众号原始ID:gh_b906615e556f

    2022-01-07
    赞同
    回复 2
  • 王
    2022-01-07

    通过微信jssdk updateAppMessageShareData 分享链接:http://de.aierchina.com/h5/index.html到微信群和微信好友 只显示链接不显示卡片效果。

    微信公众号开发者ID(AppID):wxc33e217facb2a06c

    分享时间 2022-01-07 上午 10:00



    2022-01-07
    赞同
    回复 1
    • sleepy
      sleepy
      2022-01-10
      老哥,解决了么
      2022-01-10
      回复
  • 迷走江湖
    迷走江湖
    2022-01-04

    appId: "wx21f950dc7059ca81"

    页面:https://oss.andforest.cn/361/index.html

    分享朋友圈 和 好友 只出现链接,没有自定义标题和图标

    在微信开发工具是好的

    而真机(iOS和Android)均只显示链接

    2022-01-04
    赞同
    回复
  • Zreo
    Zreo
    2021-12-30

    http://www.eduxue.net/pt/weixin_share/sample.php

    appid:wxf758fcdbdd33a83e

    微信版本8.015 安卓机(魅族16th)无法出现分享朋友、朋友圈

    微信版本8.016 苹果(12 pro)可以出现但是分享后只有链接

    2021-12-30
    赞同
    回复
  • 🇭 🇪 🇦 🇷 🇹
    🇭 🇪 🇦 🇷 🇹
    2021-12-30

    appid:wx79d2d0883bd09bf7

    页面https://zhuanti.veryeast.cn/ 转发后只有链接

    2021-12-30
    赞同
    回复
  • 大师哥
    大师哥
    2021-12-29

    您好分享遇到问题安卓不显示缩略图

    APPID:wx07d50fb432dfd5f7

    分享地址:https://public.zgcbrich.com/#/pages/informationDetail/informationDetail?ID=584

    2021-12-29
    赞同
    回复
  • 高天乐
    高天乐
    2021-12-28

    我的分享没有显示描述‘desc‘,而是直接显示本页的链接,分享中的图片是正常的,用的是和网站同一个域名下的图片,请问整个怎么改?

    2021-12-28
    赞同
    回复
  • 深蓝梦境
    深蓝梦境
    2021-12-24

    appid:wx2424b4bb1b595c74

    debug页面调试全部true,但是分享只显示链接,

    链接:http://weixin.qhhonghui.com/wx/index

    2021-12-24
    赞同
    回复 1
    • 深蓝梦境
      深蓝梦境
      2021-12-24
      奇怪的是微信小程序调试工具里面全部正常,分享也正常显示;2分享到qq/qq空间、收藏都是可以,都正常,就是分享朋友,朋友圈只显示一条链接
      2021-12-24
      回复

正在加载...

登录 后发表内容