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

为规范自定义分享链接功能在网页上的使用,自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. 微信分享网页链接缩略图不显示解决方法

    微信分享网页链接缩略图不显示解决方法 参考文章: (1)微信分享网页链接缩略图不显示解决方法 (2)https://www.cnblogs.com/68xi/p/11596254.html 备忘一下.

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

    微信分享网页不显示缩略图片的原因 为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK"分享到朋友圈"及"发送给朋友"接口,自定义的分享 ...

  3. 微信支付curl: (60) SSL certificate problem: unable to get local issuer certificate 解决方法

    微信支付curl: (60) SSL certificate problem: unable to get local issuer certificate 解决方法 参考文章: (1)微信支付cur ...

  4. win7系统不显示图片的缩略图的终极解决方法

    win7系统不显示图片的缩略图的终极解决方法 参考文章: (1)win7系统不显示图片的缩略图的终极解决方法 (2)https://www.cnblogs.com/senior-engineer/p/ ...

  5. 怎么在win7链接无线网络连接服务器,Win7系统网络连接一直显示正在获取网络地址但是连不上网解决方法...

    电脑上不了网的原因很多,比如是网络设置问题.路由器问题.运营商问题.最近一个Win7用户,网络连接一直显示,正在获取网络地址但是连不上网,但是其它电脑可以上网,那么说明是电脑设置问题,那么该如何解决呢 ...

  6. win10蓝牙已配对连接不上_Win10系统显示蓝牙已配对但未连接的解决方法

    最近有win10系统用户反映说碰到这样一个情况,就是在使用蓝牙的时候,明明已经显示蓝牙已配对了,但是却一直未连接,导致无法使用蓝牙功能,遇到这样的问题该如何处理呢?本文就给大家讲解一下Win10系统显 ...

  7. 笔记本网络计算机和设备不可见,xp电脑不显示无线网络的七种原因和解决方法...

    xp纯净版系统电脑打开后发现桌面右下角不显示无线网络,如果要设置无线网络都不知道从哪里下手,这到底是怎么回事?造成xp系统不显示无线网络的原因有很多种,下面和大家讲解一下xp电脑不显示无线网络的七种原 ...

  8. eclipse打开后显示 Failed to create the part‘s controls 解决方法

    eclipse打开后显示 Failed to create the part's controls 解决方法 参考文章: (1)eclipse打开后显示 Failed to create the pa ...

  9. 运行adb devices命令后 显示 List of devices attached 无法获取设备解决方法

    运行adb devices命令后 显示 List of devices attached 无法获取设备解决方法 参考文章: (1)运行adb devices命令后 显示 List of devices ...

  10. 启动mysql时显示:/tmp/mysql.sock 不存在的解决方法

    启动mysql时显示:/tmp/mysql.sock 不存在的解决方法 参考文章: (1)启动mysql时显示:/tmp/mysql.sock 不存在的解决方法 (2)https://www.cnbl ...

最新文章

  1. Ansible基础一Playbook(二)
  2. git常用基本简单命令
  3. java调用网络打印机不稳定_新手处理共享打印机总是没有反应的故障
  4. Dojo-API介绍
  5. webbench源码解析
  6. 【机器视觉】 translate_measure算子
  7. aspx、ashx、asmx文件处理请求效率比较
  8. arcgis判断两个字段是否相等
  9. mysql数据库 auto_increment_mysql数据库 auto_increment
  10. python 读shell
  11. C语言约瑟夫报数出圈算法,c语言实现约瑟夫环问题
  12. Codewars--8kyu解题集
  13. python查看与修改工作目录
  14. 解决Kubelet Pod启动CreatePodSandbox或RunPodSandbox异常方法
  15. java使用bks双向认证_android客户端SSL单向双向认证
  16. 监听下拉框,当前选中值
  17. 前端页面预览word_jquery word 在线预览 jquery word预览插件
  18. Nginx常用Rewrite(伪静态规则)WordPress/PHPCMS/ECSHOP/ShopEX/SaBlog/Discuz/DiscuzX/PHPWind/Typecho/DEDECMS...
  19. 微软crm 开发笔记 系统配置使用
  20. uni-app插入ucharts(echarts)图表,支持H5,APP,小程序

热门文章

  1. 面试题 - 浏览器兼容性问题与解决方案
  2. ubuntu20.04不是所有者所以不能更改权限
  3. 关于fabricjs移动、放大等一些列操作后位置不对的问题
  4. Duplicate问题
  5. Windows下CMD操作常用指令详解
  6. 关于苹果开发者证书的续费问题改动2021
  7. 除了框架,前端面试还问什么
  8. [转载]Geronimo 叛逆者: 使用 Spring 框架轻松解决数据访问和配置问题
  9. C语言 数组排序 打乱 查找
  10. 银行业务分析(数据整合)