欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

361模板网

当前位置:361模板网 > 技术文档 > 程序代码 > 实例分析微信分享网页链接缩略图不显示解决方法
这篇文章主要为大家详细介绍了实例分析微信分享网页链接缩略图不显示解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

随着微信的大众化,很多网站都跟随脚步追求微信中显示站点文章等功能。因为很多朋友都会在微信中分享我们的站点文章,但是很多朋友发现从2017年3月份开始,微信分享网页的时候缩略图不显示了,不管是分享给朋友还是分享到朋友圈,缩略图都显示不了。很多朋友使用361模板前面介绍的《微信朋友圈分享网页链接如何显示小图片》的方式处理还是不见效果。下面361模板就给大家分析下具体的原因和相应的解决办法。

微信分享网页不显示缩略图片的原因

为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK“分享到朋友圈”及“发送给朋友”接口,自定义的分享链接,其域名或路径必须与当前页面对应的公众号JS安全域名一致,否则将调用失败。

也就是说如果你想你的网站在被分享时显示缩略图,那么你要有一个公众号,并且在公众号内设置JS安全域名,也就是添加你网站的网址,这是必须的,如果这一步不能实现,那么你不用往下看了。

一、最快的解决方法

如果你不是专业的程序员,虽然微信官方给出了代码,以及我下面也会再次给出代码,你可能仍然无法实现。因为在微信官方代码与你的网站之间,还需要二次开发对接代码,把微信代码与你的网站连接起来,这个功能才能最终实现。同时因为每个网站的源程序不一样,所以这个对接代码也不能通用,需要根据你的网站程序单独开发。

下面是微信转发文章测试截图:

微信转发文章测试截图

二、微信官方关于转发文章显示小图标的解决办法

步骤一:绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

步骤二:设置开发者密码和IP白名单

登录微信公众平台,进入开发――基本配置――开发者密码(AppSecret)和IP白名单

步骤三:引入JS文件

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js

备注:支持使用AMD/CMD 标准模块加载方法加载

步骤四:通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用)。

wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名,见附录1
jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});

微信开发文档说明:https://mp.weixin.qq.com/advanced/wiki?t=t=resource/res_main&id=mp1421141115

微信JS 接口签名校验工具https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign

以上就是微信分享网页链接缩略图不显示解决方法,专业人士请轻拍,如果你仍然解决不了,请不要浪费你宝贵的时间了,与我们联系吧!

以上就是实例分析微信分享网页链接缩略图不显示解决方法的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: 微信 微信分享 缩略图不显示

上一篇网站页面屏蔽右键 禁止右键复制实现方法小介绍

下一篇静态页面分享如何带缩略图、标题和描述

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在