微信分享没有缩略图,描述

最新推荐文章于 2024-04-25 18:30:40 发布
最新推荐文章于 2024-04-25 18:30:40 发布
阅读量6.4k 收藏 1
点赞数 1
分类专栏： 前端开发 文章标签： ios 微信 图片 分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w20101310/article/details/72529291
版权

最近遇到几次微信分享失败的问题,每次原因都不太一样:

首先要打开debug模式,看签名是否有问题,签名有问题分享肯定是不正常的

微信分享的link必须在当前微信公众号的js安全域名里,并且微信分享的link必须和当前页面地址域名相同,这个微信官方有预告过,当时没在意,4月25号左右已经开始执行了(不过有些微信旧版本不再安全域名里也可以分享)

图片或者link里有回车或者空格,遇到这个问题是因为配置项都是从后台取过来的,但是安卓PC没问题,IOS有问题,最后发现取回来的image地址有回车…

图片或link里有特殊字符,这个也会造成*部分*IOS设备分享失败,(解决方法为:将link进行encodeURI编码)

一颗小行星!
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
php解决微信分享网页不显示缩略图和描述，对接公众号微信分享自定义缩略图和描述
06-03
对接公众号设置自定义微信分享自定义缩略图和描述
微信分享链接的缩略图和标题
热门推荐
郎涯技术
12-11 6万+
一、微信内分享在微信内打开链接后，点右上角【…】选择【发送给朋友】或【分享到朋友圈】，这种分享方式获取缩略图的方法： 方法一：在页面 body 最上方添加 300*300 像素的 img 如该图片不需要显示，可以用 css 隐藏，但不能直接对 img 设置 display: none;。可以在父层 div 上设置 display: none; 或者对 img 设置 position: absolut
微信分享网页链接不显示缩略图怎么办
laofulink的博客
11-19 1675
我们自己做的网站在微信中属于第三方网站，第三方网站想要显示缩略图和描述需要有两个前提条件。 微信分享网页链接不显示缩略图怎么办 1.认证的公众号 2.备案的域名 有了公众号和域名才能去调用微信接口，也可以使用第三方工具来进行修改，这样即使没有备案的域名和认证的公众号，也可以添加或者修改缩略图和描述。 下面是前后对比图片 ...
微信转发或分享朋友圈带缩略图、标题和描述的实现方法
iuryeu2的博客
04-25 713
自己做博客以来，很早之前分享过文章至朋友圈，那个时候分享过去的文章自动获取页面的比例适合的图片为所缩略图： 后期就很少分享至朋友圈， 近来分享文章给朋友后，发现不带缩略图和简介了，觉得这样很不好看，百度一下如何解决这个问题，发现网友贡献最多的就是在body之后加一个img标签并且设置display:none,虽然这种方法感觉不科学，但我还是尝试了一下，发现已经失效了。又百度了一些资料，才知道...
微信分享链接或网站文章到微信朋友圈，缩略图片不显示解决【老版资料】
奇怪的接口
11-26 7426
如图：分享到朋友圈的链接没有显示图片，简介变成了网址， 如何让左侧那个图片显示尼？？？ 解决方法： 在我们的网站网页 html代码中的<body>之后(也就是网站的第一张图片)增加<img src="http://singrr.com/wm/img/logo.jpg" style="visibility:hidden;height:0;width:0;" /> 注...
微信资讯二次分享和QQ资讯二次分享缩略图显示不出来
fanzijianPobo的博客
08-17 414
前端时间做过资讯二次分享的功能，遇到一个令人匪夷所思的坑，查了好多资料都找不到问题的解决办法 问题：微信在二次转发的时候标题、描述和图片会丢失变成一个小链接 解决办法：使用微信jssdk做二次转发的设置处理 wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: "", // 必填，公众号的唯一标识 tim
laravel解决微信二次分享丢失缩略图和摘要
running8的博客
03-20 1787
最近用AJAX调用微信JSSDK自定义分享图标和摘要的时候出现了问题：第一次分享正常： 但从分享链接点开，再次转发分享的时候，一次分享时定义的信息全被抹杀了，又出现了那个恶心的回形针。 原来：微信在进行二次分享后会给该链接自动加上from以及isappinstalled这两个参数证明该链接是二次分享过来的，会导致二次分享进行签名时失效，剩下空荡荡的链接以及白色缩略图，很是恶心。 那就...
QQ，微信二次分享设置缩略图
Wangdr的博客
09-24 781
一、微信二次分享 微信sdk <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> //微信二次分享 $.get("后台接口", {"url":encodeURIComponent(location.href)...
微信js-sdk 微信自定义分享显示图片和描述不显示
sunny327的专栏
06-21 1万+
在做h5页面分享时，用到了微信的自定义分享js-sdk 。 有时会不显示自定义的图片和描述。分步骤检查出现的问题： 调用config 接口的时候传入参数 debug: true 可以开启debug模式，页面会alert出错误信息。以下为常见错误及解决方法： 1.invalid url domain当前页面所在域名与使用的appid没有绑定，请确认正确填写绑定的域名，仅支持80（http）和...
微信分享时没有缩略图时的解决方案！
F-Spider的博客
05-23 1万+
其实之前微信分享都是默认抓取页面第一张图片的，后来随着微信的版本升级，也方式那种诱导式分享，腾讯屏蔽了这一功能，目前仅在PC版本是自动抓取，所以手机版微信分享带缩略图及简介的话就要使用jssdk。我之前也是不会，后来网上看到了一大神写的，参照他的，自己写了一下这个功能。这个是基于ecshop写的商品详情页代码： <script type="text/javascript" src="http://r
最新微信分享网站链接带缩略图和描述的方法（附傻瓜式插件包+详细教程）
07-11
微信分享网站链接带缩略图和描述的插件包通用所有网址+详细教程 使用非常简单，修改下信息加入代码即可 压缩包附带详细教程 。 使用前提：有一个认证过的公众号
微信分享的标题、缩略图、连接及描述设置方法
12-12
微信分享的标题、缩略图、连接及描述该如何设置，使用微信分享过程中会遇到这个情况，无解的朋友可以看看下面的代码 [removed] var imgUrl = 'http://huoche.7234.cn/images/jb51/3flewiuwye1.jpg'; var lineLink =...
微信分享指定缩略图网址主题描述
04-09
微信分享指定缩略图、网址、主题、描述等，主要方便微信访问网页内容的分享！
Axios使用
m0_54007573的博客
04-22 403
Axios使用
iOS - 多线程-GCD-队列组
sharp521的博客
04-23 451
开发过程中，有时候想实现这样的效果。并发执行完成后，再并发执行任务。可以使用GCD的队列组来实现。并发执行，完成后执行任务。，达到这样的效果：任务。
ios CI/CD 持续集成 组件化专题三 IOS打包Bundle与加载Bundle中的图片
最新发布
m0_61164038的博客
04-25 210
class]];bundlePath;
前端发送请求之fetch跟axios的区别
chen_ac的博客
04-23 472
前端发送请求之fetch跟axios的区别
axios 实现上传、下载
天高任鸟飞
04-22 346
【代码】axios 实现上传、下载。
离开A页面时，取消A页面的axios接口数据请求
m0_57005111的博客
04-25 252
axios请求终止
微信分享链接显示缩略图和描述php代码
12-04
要实现微信分享链接显示缩略图和描述，可以使用以下的PHP代码： <?php // 获取页面链接的缩略图和描述信息 function getOpenGraphData($url) { $html = file_get_contents($url); // 使用正则表达式匹配缩略图链接和描述信息 preg_match('/<meta property="og:image" content="(.*?)">/i', $html, $matches); $thumbnail = $matches[1]; preg_match('/<meta property="og:description" content="(.*?)">/i', $html, $matches); $description = $matches[1]; // 返回缩略图URL和描述信息 return array( 'thumbnail' => $thumbnail, 'description' => $description ); } // 缩略图和描述信息存储在数据库中，根据需要去调用 $url = 'http://example.com'; // 需要分享的页面链接 $data = getOpenGraphData($url); // 将缩略图和描述信息存储到数据库中 // 显示缩略图和描述信息 echo '<img src="' . $data['thumbnail'] . '" alt="Thumbnail">'; echo '<p>' . $data['description'] . '</p>'; ?> 以上代码通过使用正则表达式来获取指定页面链接的Open Graph标签数据，其中"og:image"标签表示缩略图的链接，"og:description"标签表示描述信息。获取到这些数据后，我们可以存储到数据库中，并在需要展示的地方进行调用和显示。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一颗小行星!

恰饭ing

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值