网页链接分享到微信缩略图不显示的解决方法
微信分享网页不显示缩略图片的原因
为规范自定义分享链接功能在网页上的使用,自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
(资源库 www.zyku.net)
上一篇:微信支付报错:get_brand_wcpay_request:fail的解决方法
栏 目:微信开发
下一篇:微信支付第三方平台不提供rootca.pem证书文件的处理办法
本文标题:网页链接分享到微信缩略图不显示的解决方法
本文地址:https://www.zyku.net/wx/1687.html
您可能感兴趣的文章
- 04-08完美快速解决百度分享不支持HTTPS的问题
- 02-29FastAdmin中代码和服务器安全建议分享
- 03-12微信支付第三方平台不提供rootca.pem证书文件的处理办
- 08-10FineCMS判断栏目缩略图是否存在的方法
- 07-20百度分享不支持https的解决方法
- 04-23微信支付报错:get_brand_wcpay_request:fail的解决方法
- 11-20自适应选项卡切换微信支付宝二维码打赏模板
- 11-20jQuery点击弹出支付宝微信二维码扫码打赏模板
- 07-26PHP编程实现微信企业向用户付款的方法示例
- 07-04JS点击缩略图整屏居中放大图片效果
- 01-08乐享礼县-乐享礼县应用软件功能介绍
- 01-12咱小区-咱小区应用软件功能介绍
- 03-25小米手环5绑定手机教程
- 01-14驾考王2022-驾考王2022应用软件功能介
- 01-19QQ2018手机版-QQ2018手机版应用软件功
- 03-10Sublime Text3快捷键使用技巧
- 12-25小米手机如何启用悬浮球
- 03-05荣耀50se设置熄屏时钟设置方法
- 10-19oppo手机怎么启用来电显示
- 09-22微博怎么隐藏头像相册
最近更新
阅读排行
猜你喜欢
- 09-20藏书馆找人共读方法介绍
- 01-13兼职招工作帮手-兼职招工作帮手应用软
- 09-19抖音个性化推荐在哪里设置
- 02-06小米11赫兹刷新率调整方法
- 11-25苹果xr怎么设置悬浮球
- 02-17Kindeditor编辑器For DedeCMS
- 11-17oppo手机软件商店忘记密码怎么办
- 03-12帝国CMS万能标签调用随机文章的方法
- 07-05Linux fold命令
- 12-22iphone11查看剩余内存方法一览