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

微信为规范自定义分享链接功能在网页上的使用,自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可以在这里更新签名。

转载于:https://blog.51cto.com/14312998/2388118

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

  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. 金铲铲之战:新版本上线3活动,有实物奖励,小学生被限制游戏
  2. 【转载】MyBatis报错Invalid bound statement (not found)
  3. 解决win7下netbeans安装的错误问题
  4. BFS,优先队列优化
  5. HTTP菜鸟教程速查手册
  6. QT综合示例:QT串口通信
  7. python中size_x的意思,对pytorch中x = x.view(x.size(0), -1) 的理解说明
  8. PHP字符串处理函数
  9. 量化交易:聚宽,(1)
  10. YYKit是个好东西-YYLabel实现一个文本多个点击事件
  11. 音频开发之——pulseaudio
  12. j2se学习笔记-Enum枚举类型
  13. 2018中南大学 计算机考研分数,2018年中南大学考研复试分数线已公布
  14. 名帖325 启功 行书《行书帖选》
  15. iOS App完整项目
  16. 直播 | 如何在顶会夺冠:iWildCam 2020 冠军经验与技巧分享
  17. 奋斗(2)第15集剧情介绍
  18. 知乎搜索关键字爬取相关图片
  19. 我是如何在 16 岁时成为全栈开发者的?
  20. linux下Configure命令-ZZT

热门文章

  1. to_string函数的用法
  2. 基于LabVIEW的通信系统设计与实现
  3. 突发!43 岁知名技术大佬当街遇刺身亡,马斯克都怒了!
  4. 神秘的大连高新园区房产交易管理网
  5. 射箭走进陆家嘴,学校、社区、商圈全覆盖!
  6. 计算机学院教师老带新总结,教师以老带新个人工作总结三篇
  7. 前端HTML移动端适配
  8. mif文件C语言生成
  9. 一文读懂Mysql所有知识点
  10. 【C语言】关键字的补充