解决微信分享链接不能显示缩略

微信分享链接，如果不是公众号合法域名，分享或者转发出去的内容会被微信默认的图标替换，现在出解决方案，必须要调用JSSDK，必须要调用！

1. 需要有一个已经认证的微信公众号

2.按照官方文档依次配置域名，和后端动态获取签名的方法一步步进行，后端动态获取签名的方法，微信提供了demo，拿到自己的项目改一下就可以用的

3.我关键指出前端的JS代码

<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script><script type="text/javascript">var imgUrl = 'http://cdn-app-qn.colorv.cn/img/test/f511d8de5f770e35b1e6ba681115e0476b0a9e807d7c3-Xle0kk_fw658_36cfdf43fbe1c09187046ba228acb0c9.jpg'; // 分享后展示的一张图片                 var lineLink = 'http://api.colorv.cn/pages/h5_demo'; // 点击分享后跳转的页面地址 可以写 var lineLin = location.href;var descContent = "这是我要分享的内容的描述"; // 分享后的描述信息var shareTitle = '彩视的分享，视频分享'; // 分享后的标题$.ajax({url: 'http://api.colorv.cn/pages/wechat/js_sdk_conf',type: 'get',dataType: 'json',success: function(resp) {wx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。appId: resp.data.appId, // 必填，公众号的唯一标识timestamp: resp.data.timestamp, // 必填，生成签名的时间戳nonceStr: resp.data.nonceStr, // 必填，生成签名的随机串signature: resp.data.signature, // 必填，签名，见附录1jsApiList: resp.data.jsApiList // 必填，需要使用的JS接口列表，所有JS接口列表见附录2});}});function shareFriend() {// 用户确认分享后执行的回调函数},})}function shareTimeline() {wx.onMenuShareTimeline({title: shareTitle, // 分享标题link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标success: function() {// 用户确认分享后执行的回调函数},})}function shareQQ() {wx.onMenuShareQQ({title: shareTitle, // 分享标题desc: descContent, // 分享描述link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标success: function() {// 用户确认分享后执行的回调函数},});}function shareQZone() {wx.onMenuShareQZone({title: shareTitle, // 分享标题desc: descContent, // 分享描述link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标success: function() {// 用户确认分享后执行的回调函数},});}function shareWeibo() {wx.onMenuShareWeibo({title: shareTitle, // 分享标题desc: descContent, // 分享描述link: lineLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: imgUrl, // 分享图标success: function() {// 用户确认分享后执行的回调函数},});}wx.ready(function(){// 发送给好友shareFriend();// 分享到朋友圈shareTimeline();// 分享到qqshareQQ();// 分享到QZoneshareQZone();// 分享到weiboshareWeibo();});</script>

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 8.0px Consolas; color: #ebe087}
p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 8.0px Consolas; color: #f9f9f5}
p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 8.0px Consolas; color: #888471}
p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 8.0px Consolas}
p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; font: 8.0px Consolas; min-height: 9.0px}
p.p6 {margin: 0.0px 0.0px 0.0px 0.0px; font: 8.0px Consolas; color: #b3e43b}
p.p7 {margin: 0.0px 0.0px 0.0px 0.0px; font: 8.0px Consolas; color: #75e0f2}
p.p8 {margin: 0.0px 0.0px 0.0px 0.0px; font: 8.0px Consolas; color: #fd4485}
span.s1 {color: #f9f9f5}
span.s2 {color: #fd4485}
span.s3 {color: #b3e43b}
span.s4 {color: #75e0f2}
span.s5 {color: #888471}
span.s6 {color: #000000}
span.s7 {color: #ebe087}
span.s8 {color: #ffa827}
span.s9 {color: #bd99ff}
span.Apple-tab-span {white-space:pre}

4.到此，分享你的URL，就可以看到缩略图了

解决微信分享链接不能显示缩略相关推荐

微信分享链接不显示缩略图
微信文档长这样! 分享出去缩略图不显示,是因为title或者desc方案中带了"红包"或者"现金"等关键字! 坑!
微信转发链接不显示图片和描述文字
微信转发链接不显示图片和描述文字,只显示标题. 如果你觉得排除了代码的错误. 那就可能是因为没有绑定正确的公众号$appid和$appsecret 不清楚,之前的微信链发代码,是不是需要这两样,现在是 ...
微信分享链接优化 title icon 描述
项目中要做微信分享链接的优化,展示公司产品的相关信息.摸索了下,也踩了不少坑,记录一下. 起步微信分享到微信好友或qq好友微信分享到朋友圈或qq空间微信分享到企业微信注意事项起步 (1)查阅 ...
vue 分享微信传参_vue实现微信分享链接添加动态参数的方法
微信分享时分享链接携带参数可能不是固定的需要在分享的前一刻才知道这里就是动态设置分享链接的基本写法代码不是那么详尽但大致流程如下 1.安装引用jssdk npm install --save ...
vue解决微信防盗链接图片无法展示问题
vue解决微信防盗链接图片无法展示问题 1.需求背景最近在vue项目的页面中使用到了微信公众号项目的图片,然后在另一个项目中引用时出现了防盗链接的提示,导致图片本身的内容无法展示. 解决方案防盗链 ...
微信分享链接卡片，php业务处理
微信分享链接自定义卡片和内容信息官方文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 准备工作 1 ...
微信分享链接或网站文章到微信朋友圈，缩略图片不显示解决【老版资料】
如图:分享到朋友圈的链接没有显示图片,简介变成了网址, 如何让左侧那个图片显示尼??? 解决方法: 在我们的网站网页 html代码中的<body>之后(也就是网站的第一张图片)增加< ...
微信分享链接或网站文章到微信朋友圈，缩略图片不显示，该如何解决？
如图:分享到朋友圈的链接没有显示图片,简介变成了网址, 如何让左侧那个图片显示尼??? 解决方法: 在我们的网站网页 html代码中的<body>之后(也就是网站的第一张图片)增加< ...
android 应用未验证,解决微信分享显示“未验证应用”问题。
微信分享出现"未验证应用"是因为没有升级微信sdk最新版,要升级到1.8.6版本以上才行. 这个是微信开发文档的截图按着微信开发文档集成即可.需要注意的问题: 1.个别版本可能会 ...

解决微信分享链接不能显示缩略

解决微信分享链接不能显示缩略相关推荐

最新文章

热门文章