html页面微信分享如何隐藏链接,微信分享网页链接缩略图不显示解决方法

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

为规范自定义分享链接功能在网页上的使用，自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

html页面微信分享如何隐藏链接,微信分享网页链接缩略图不显示解决方法相关推荐

微信分享网页链接缩略图不显示解决方法
微信分享网页链接缩略图不显示解决方法参考文章: (1)微信分享网页链接缩略图不显示解决方法 (2)https://www.cnblogs.com/68xi/p/11596254.html 备忘一下.
微信、QQ可以聊天，但是网页打不开，解决方法之一
系统版本:WIN10 解决方法: 开始 - 控制面板 - 网络和共享中心 - Internet选项 - 高级 - 重置 - 确定
20210209PC版微信网络不可用，请检查你的网络设置的解决方法
初步确定.PC微信版本,出现故障: 1.提示:网络无法连接. 2.图片发送满.(甚至文本都无法发送.) 3.图片无法接受. 可能的原因: 1.你的电脑的微信接受文件的那个磁盘快满了. 2.微信接受文 ...
设置网页打开默认全屏_微信公众号里的视频不能进行全屏播放的解决方法
我们手机版的微信视频,发现视频播放只能竖屏播放,点击右下角对放大按钮也是如此,网页版也是小窗口播放,而视频这样显示特别影响我们的观看感受, 下面说下微信公众号里的视频不能进行全屏播放的解决方法. 1. ...
微信第三方登录测试时报Scope参数错误或没有Scope权限解决方法
微信第三方登录测试时报Scope参数错误或没有Scope权限解决方法参考文章: (1)微信第三方登录测试时报Scope参数错误或没有Scope权限解决方法 (2)https://www.cnblog ...
PC版微信网络不可用，请检查你的网络设置的解决方法
PC版微信网络不可用,请检查你的网络设置的解决方法 win10上安装的电脑版微信总是提示 "网络不可用,请检查你的网络设置",接收信息慢,而且发送文件和图片都不成功,严重影响 ...
微信api调用限制，45009 reach max api daily quota limit 解决方法
微信api调用限制,45009 reach max api daily quota limit 解决方法参考文章: (1)微信api调用限制,45009 reach max api daily qu ...
php小程序session取不到,微信小程序实现Session功能及无法获取session问题的解决方法...
因为小程序原生不支持Cookie,因此也不支持Session. 网上找到的的一些方法有缺陷,而且很多累赘,估计没有实际测试过,在此直接给出实测可用的代码. 大概思路就是借助小程序本地储存+网络请求的h ...
php中隐藏网址,是否隐藏前台网址中的index.php文件名　解决方法
是否隐藏前台网址中的index.php文件名,解决方法如下: 第一步:先在网站后台设置隐藏前台网址中的index.php文件名(如图所示). 如果空间不支持,就要按下面步骤操作. 第二步:可以通过UR ...

html页面微信分享如何隐藏链接,微信分享网页链接缩略图不显示解决方法

html页面微信分享如何隐藏链接,微信分享网页链接缩略图不显示解决方法相关推荐

最新文章

热门文章