首先看看分享到朋友圈没有缩略图的原因

微信为规范自定义分享链接功能在网页上的使用,自2017年4月25日起,JSSDK“分享到朋友圈”及“发送给朋友”接口,自定义的分享链接,其域名或路径必须与当前页面对应的公众号JS安全域名一致,否则将调用失败。自2017年4月1日起停用了以前自动获取页面第一张图的方法,对于未接入微信JSSDK或已接入但JSSDK调用失败的网页,被用户分享时,分享卡片将统一使用默认缩略图和标题简介,不允许自定义。

终极解决办法

在百度寻寻觅觅,教程大同小异,但使用起来,却是如此的麻烦,现在要解决这个问题必须通过微信的JS SDK实现了。

基本要求

1、有微信公众号并已认证

2、网站最好是使用PHP语言的

JSSDK使用步骤

步骤一:绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。如果你使用了支付类接口,请确保支付目录在该安全域名下,否则将无法完成支付。

步骤二:引入JS文件

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

请注意,如果你的页面启用了https,务必引入 https://res.wx.qq.com/open/js/jweixin-1.0.0.js ,否则将无法在iOS9.0以上系统中成功使用JSSDK。

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

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用。

步骤四:通过ready接口处理成功验证

config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。

步骤五:通过error接口处理失败验证

config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。

GetwxLink

分享到朋友圈没有缩略图?微信自定义标题描述及缩略图最简单完美的办法!相关推荐

  1. 分享到朋友圈没有缩略图?微信自定义标题描述及缩略图最简单完美的办法!...

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

  2. 微信公众平台开发之在网页上添加分享到朋友圈,关注微信号等按钮

    微信公众平台开始支持前端网页,大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享 ...

  3. 微信自定义分享卡片链接的解决方案(可自定义标题 描述 图片)

    微信自定义分享卡片链接的解决方案(可自定义标题 描述 图片) 参考文章: (1)微信自定义分享卡片链接的解决方案(可自定义标题 描述 图片) (2)https://www.cnblogs.com/rg ...

  4. 小程序分享到朋友圈功能_微信小程序开放分享到朋友圈功能

    2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序"分享到到朋友圈",这个看似微小的变化,对微信小程序来说意义重大. 用fenng大的话说 ...

  5. 微信h5实现分享给朋友url改变_h5微信自定义分享

    为了h5页面在微信分享效果更好,我们接入了 h5 微信sdk,下面对接入流程总结. 1.在项目中引用微信的js-sdk 2.在微信公众平台绑定安全域名 3.配置config 在1,2步操作成功后,进入 ...

  6. android qq微信分享到朋友圈,android实现微信朋友圈和微信好友分享功能

    今天的这篇文章是基于上一篇微信登录的基础实现的.可以先看看我的微信登录的实现. 废话不多说,先看运行效果 首界面,点击微信登录,弹出分享菜单,楼主比较懒,图片和按钮文字都没换,希望大家不要介意 点击微 ...

  7. 微信自定义分享卡片链接的解决方案(可自定义标题 描述 缩列图)

    微信现在是众多公司营销的重点.遍布朋友圈和消息群组里的html5各位可能也是天天见了,不过自从微信更新后,对整个微信内的页面管控都严格了不少. 一.微信分享卡片自定义缩略图消失的原因--微信官方策略的 ...

  8. 微信小程序如何直接分享到朋友圈?

    近日微信终于公开了小程序分享到朋友圈,下面就分享一下技术上如何将小程序分享到朋友圈吧. 官方技术文档如下: 分享到朋友圈(Beta) 从基础库 2.11.3 开始支持 此功能为beta版,暂仅在And ...

  9. 微信小程序如何分享到朋友圈

    微信小程序之前的分享是不支持直接分享到朋友圈的,之前分享的处理方式一般都是通过canvas生成分享海报,然后将生成的海报图发送到朋友圈中来达到分享的目的.不过从基础库 2.11.3 开始,分享朋友圈的 ...

最新文章

  1. 顺天则昌,逆天则亡(2006-03-13 21:07:17)(新浪)
  2. 公司--超级链接跳转和表单提交,删除的表单提交和删除失败的提示信息
  3. 数据结构源码笔记(C语言):二分查找
  4. php分页循环生成htnl,PHP分页类,生成分页html字符串
  5. React Native之didFocus和didBlur
  6. inmemory_通过Spring Boot了解H2 InMemory数据库
  7. 4.3 SE38数据输出
  8. TCP的可靠传输机制
  9. 大数据之-Hadoop3.x_Hadoop之HDFS_DataNode的工作机制_原理---大数据之hadoop3.x工作笔记0077
  10. SVD奇异值分解(PCA,LSI)
  11. FireMonkey 跨平台框架下的图片缩放和 JPEG 编码
  12. STM32+SIM800C采用MQTT协议登录OneNet上传温湿度、MQ2烟雾浓度、GPS数据
  13. JDK11 下载与安装
  14. Android Data Binding 初识
  15. 虚拟专用网和IPv6路由配置【Cisco】
  16. scons 手册_SCons用户手册
  17. 如何扩大图片尺寸大小?图片怎么编辑大小尺寸?
  18. kubeedge V1.12.1(当前最新版)云边端安装部署
  19. Pycharm 金融Python实战二:用Python编写一个金融计算器——编写函数 调用命令 实例年金现值 利率换算 净现值法 投资回报期 内部收益率及其法则(带程序和结果)
  20. SpringBoot笔记之模板引擎

热门文章

  1. auc计算公式_图解机器学习的准确率、精准率、召回率、F1、ROC曲线、AUC曲线
  2. DnsApi简单探索(4) DNS_QUERY_CANCEL struct 及其他
  3. YYKit--YYWeakProxy
  4. 未能解析此远程名称: 'www.***.com' 解决办法
  5. python类例子(开枪)
  6. Android动画之旅-开篇动画简介
  7. Vue 循环的 key 作用
  8. 杭州python开发工资_杭州测试转python开发难不难?
  9. 【聆思CSK6 视觉AI开发套件试用】-手把手教你控制电磁继电器
  10. 2021年青岛十九中高考成绩查询,2021年青岛高中录取分数线是多少及高中排名榜...