收藏
评论

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

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

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

216 个评论

  • 二月红
    二月红
    2022-01-14

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

    2022-01-14
    赞同
    回复
  • 老妖怪
    老妖怪
    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

    接口一切正常无报错,微信开发者工具上面也显示了分享菜单,但是真机调试不行,

    设备1:荣耀20S,微信版本:8.0.16,系统:鸿蒙2.0.0 (分享给好友按钮不显示)

    设备2:iphone6s,微信版本:8.0.16,系统版本:14.7.1,(不显示自定义标题和图片描述)

    APPID:wx39bb1de209731428,测试地址:http://demo.fit365.top/h5/test.html

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>分享测试</title>
        <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
        <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    </head>
    <body>
      <h1>hello world!</h1>
    </body>
    <script>
        $.ajax({
            url:"/wap/index/jssdk",
            data:{
                url:window.location.href
            },
            type:"POST",
            dataType:"json",
            success:function(res){
                console.log(res)
                wx.config({
                    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                    appId: res.data.appId, // 必填,公众号的唯一标识
                    timestamp: res.data.timestamp, // 必填,生成签名的时间戳
                    nonceStr:res.data.noncestr, // 必填,生成签名的随机串
                    signature: res.data.sign,// 必填,签名
                    jsApiList: res.data.jsApiList // 必填,需要使用的JS接口列表
                });
                wx.ready(function(){
                    wx.updateAppMessageShareData({
                        desc: "DJUUU",
                        imgUrl: "http://demo.fit365.top/h5/logo-black.png",
                        link: "http://demo.fit365.top/h5/test.html",
                        title: "DJUUU",
                        success: function () {
    
                        }
                    });
                    wx.onMenuShareAppMessage({
                        desc: "DJUUU",
                        imgUrl: "http://demo.fit365.top/h5/logo-black.png",
                        link: "http://demo.fit365.top/h5/test.html",
                        title: "DJUUU",
                        type: 'link', // 分享类型,music、video或link,不填默认为link
                        dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
                        success: function () {
                            // 用户点击了分享后执行的回调函数
                        }
                    });
                });
            }
        })
    </script>
    </html>
    
    2021-12-29
    赞同
    回复
  • 大师哥
    大师哥
    2021-12-29

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

    APPID:wx07d50fb432dfd5f7

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

    2021-12-29
    赞同
    回复

正在加载...

登录 后发表内容