重要的话说三遍

一定要保证你写的程序调用的接口，在“微信开发工具”中正常没有报错

一定要保证你写的程序调用的接口，在“微信开发工具”中正常没有报错

一定要保证你写的程序调用的接口，在“微信开发工具”中正常没有报错

我引用的JS-SDK版本是V1.6.0

 <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

分享朋友的效果

分享朋友圈的效果

检查

1.测试页面的【标题】和【内容】不能有敏感词，否则不显示图片；如：红包，分享等；

2.测试页面的内容不丰富，测试发现，内容短也会引起不显示图片；

3.缩略图过小，这个没有测试过，不过建议最好像素大于100*100；

4.页面还没有完全加载好，点击了分享，也是不会显示缩略图的；

5.图片一定要在页面里加载下，如下代码

如果不是页面的图片，但是想在分享的时候显示出来，你需要按照下面的方式写注意：一定要把图片放在页面的最上方，让图片可以优先加载<img id="logo1" src="logo.jpg" width="0" height="0" /><script>var shareJsonData = {title: '中储粮与巴西等多国供应商签约 进口大豆840万吨', // 分享标题desc: '介绍：中储粮与巴西等多国供应商签约 进口大豆840万吨', // 分享描述link: 'http://xxx.xxx.xx/', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: $("#logo1").attr("src") // 分享图标}</script>如果是页面里正常显示的图片，可以参考文章底部的代码

程序代码检查

1.签名

2.公众号是否设置了--IP白名单

3.域名是否加入了公众号的--JS接口安全域名

4.页面里微信的JS-SDK---wx.config配置参数大小写是否和官方提供的一致

5.你用到的功能是否在wx.config的“jsApiList”参数里

6.一定要确认 config 中的 appid 与用来获取 jsapi_ticket 的 appid 一致。

7.可以对比我下面的代码

<html>
<head><meta name="viewport" content="width=device-width"><title>中储粮与巴西等多国供应商签约 进口大豆840万吨</title> <script src="/Content/js/jquery.js"></script><script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head>
<body><div><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><img id="logo1" src="http://xxx.xxx.xx/Uploads/20211022/e71da312871f4e0f880ceb085ffc7304.jpeg" alt="Alternate Text"> <h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1><h1>中储粮与巴西等多国供应商签约 进口大豆840万吨</h1> </div><script>$(function () {wx.config({debug: false,appId:'xxxxxxxxxxxxxxx',timestamp:1638961770,nonceStr:'3a9be6xxxxxxxxxxxxx97d911',signature:'7a64608xxxxxxxxxxxff4fc13e5',jsApiList: [ 'updateAppMessageShareData','updateTimelineShareData']});//通过ready接口处理成功验证wx.ready(function(){console.log("执行ready（）方法"); var shareJsonData = {title: '中储粮与巴西等多国供应商签约 进口大豆840万吨', // 分享标题desc: '介绍：中储粮与巴西等多国供应商签约 进口大豆840万吨', // 分享描述link: 'http://xxx.xxx.xx/WeiXinShare/ShareFriend?id=115 ', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致imgUrl: $("#logo1").attr("src") // 分享图标}console.log(shareJsonData);//“分享给朋友”及“分享到QQ”按钮的分享内容wx.updateAppMessageShareData({title: shareJsonData.title, desc: shareJsonData.desc,link: shareJsonData.link,imgUrl: shareJsonData.imgUrl,success: function () {}});//“分享到朋友圈”及“分享到QQ空间”按钮的分享内容wx.updateTimelineShareData({title: shareJsonData.title,link: shareJsonData.link,imgUrl: shareJsonData.imgUrl,success: function () {}})});//通过error接口处理失败验证wx.error(function(res){// config信息验证失败会执行error函数，如签名过期导致验证失败，//具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。console.log("res==============")console.log(res) alert(res);});})</script></body>
</html>

微信分享到朋友圈的链接没有图片。开发工具中正常没有报错-解决方案相关推荐

微信分享到朋友圈的链接，内容打开正常,但在微信中分享时封面缩略图图像和标题显示不出来？
1.如果你是使用sdk分享到微信会话图片显示不出来,解决代码如下: Bitmap bmp = bitmap;WXImageObject imgObj = new WXImageObject(bmp); ...
微信分享到朋友圈的链接，内容打开正常,但在微信中分享时封面缩略图图像和标题显示不出来？...
如果你是使用sdk分享到微信会话图片显示不出来,解决代码如下: Bitmap bmp = bitmap;WXImageObject imgObj = new WXImageObject(bmp);WX ...
屏蔽微信分享到朋友圈等按钮
wx.ready(function () {wx.hideOptionMenu();//屏蔽微信分享到朋友圈等按钮wx.onMenuShareTimeline({title: "{$jsap ...
php 微信转发朋友圈,php实现的微信分享到朋友圈并记录分享次数功能的讲解
这篇文章主要介绍了php实现的微信分享到朋友圈并记录分享次数功能,结合实例形式分析了php微信分享功能接口调用及分享次数统计具体操作技巧,需要的朋友可以参考下本文实例讲述了php实现的微信分享到朋友 ...
微信“分享到朋友圈”接口— wx.onMenuShareTimeline() 和 onMenuShareAppMessage — 分享给朋友接口
微信"分享到朋友圈"接口-- wx.onMenuShareTimeline() 注意事项: 1. 图片大小要大于300pix才能显示: 2. 这个方法必须先config成功,然后再 ...
java 朋友圈分享接口_微信分享到朋友圈接口
微信分享到朋友圈接口遇到了问题,之前遇到的问题是"invalid domain",查了好久发现是域名没有备案.现在一切都正常了,微信打开网页也显示"config ok&q ...
微信分享好友+朋友圈开发文档
微信分享好友+朋友圈准备工作资源申请配置AS 备注准备工作资源申请申请微信开放平台账号申请自己的AppID 地址准备开发资源开发工具包 android项目,添加依赖库 2018.12 ...
微信分享到朋友圈、发送给朋友开发注意事项
1.invalid url domain 当前页面所在域名与使用的appid没有绑定,请确认正确填写绑定的域名,如果使用了端口号,则配置的绑定域名也要加上端口号(一个appid可以绑定三个有效域名,见 ...
php 微信分享功能_php实现微信分享到朋友圈并记录分享次数功能
在一些带有分销功能或者需要用微信裂变的程序中,经常需要用到微信分享并记录次数,这样就知道别人分享了多少次,小郭今天正好也在做这个,就记录一下这个原理和实现方法, 1.引入JS文件 2.通过config ...

微信分享到朋友圈的链接没有图片。开发工具中正常没有报错-解决方案

检查

程序代码检查

微信分享到朋友圈的链接没有图片。开发工具中正常没有报错-解决方案相关推荐

最新文章

热门文章