微信小程序分享海报/卡片 生成时一直加载可能存在的问题

很多时候,开发者在调试小程序的分享图时,总是会遇到不能正常生成的问题,这里面还是有许多的坑。这一次就把我个人所知道的问题分享一下。

第一种情况:域名不在信任下载列表。

现在微信小程序对于需要下载的资源,都是需要把对应的下载资源域名填写到微信小程序的开发设置中的服务器配置里的 downloadFile 域名。假如出现的错误提示是域名不在下载列表,那么就是没有把对应的图片域名填写到服务器配置的 downloadFile 域名中。

第二种情况:域名已经添加在 downloadFile 域名中。

在调试过程中,遇到有人说,域名已经添加到了 downloadFile 域名中了,但是还是提示该域名不在信任下载域名列表中。其实这种情况的发生有两个原因。

原因一、添加域名后,没有更新开发工具的缓存,一般情况下,关掉开发工具,重新打开开发工具调试,就基本上正常了。

原因二、添加的域名和提示错误的域名所使用的协议不一致。比如,图片的链接协议是 http 方式,但是添加到 downloadFile 域名的协议,默认是 https 协议,这是微信小程序的硬性要求,必须使用 https 协议。所以,域名是一致,但是,协议不一致,同样也是不行的,自然也就报错了。

第三种情况:域名已经添加在 downloadFile 域名中,且协议方式一致。

这种情况会让很多人抓狂,明明照着说明,已经做对了,开发工具中也没有任何的提示,为什么还是不行呢?这种情况,需要留意的一个问题就是图片命名了。

有很多网站或者是后端上传图片的时候,为了容易查找该图片,所以采用的是中文命名方式。使用中文名称的图片在展现上是没有什么大问题的,但是在微信小程序下载图片的时候,如果没有对图片的中文名进行转码,是无法正常下载的,必须要对中文名称进行转码才可以正常下载图片进行合成分享图。所以,遇到这种情况的,可以试着更换图片,使用英文或数字名称的图片进行测试分享图的生成。

第四种情况:downloadFile 域名设置正确,图片也改成了英文或数字名称,但还是一样提示错误或者没有反应。

这种情况有时候容易让人忽略的一个问题就是:服务器缓存。为了加快访问速度,有时候会在服务器对数据进行缓存,从而可以提高小程序或者网站的访问速度。但是,缓存一般都是有个时间值的,时间值没有失效,那么数据就还是之前缓存的内容,也就是你修改之前的内容的。如果在开发调试之前就已经有问题产生,而修改了错误内容后又没有更新缓存(服务器和开发工具),那么,问题依然还是会存在的。所以,注意一下后端是否有缓存设置,如果有缓存,更新内容和设置后,需要清理一下缓存再调试。

除了以上的四种情况,还有可能存在的一个问题就是图片太大,网速不好,导致生成分享图的时候,一直没有任何的反应,即没有错误提示,又没有合成的分享图片出来。这种情况可以考虑换个小一点的图片,和更换网络进行测试一下。一般情况下,我都是比较建议在生成分享图的过程中有提示。比如:下载二维码,下载封面图,正在生成等,每一个步骤都有对应的提示,这样有利于用户了解生成分享图是否完成,也有利于调试到哪一步出问题,从而更好的寻找问题的原因。

微信小程序分享海报/卡片 生成时一直加载可能存在的问题相关推荐

  1. 微信小程序 下拉刷新页面时的加载状态

    案发现场:在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方. 其实三个点是可以看到的.只不过默认是白色的 案例效果 1.在 app.json中 添加样式 "backgroundTe ...

  2. 微信小程序 在使用wx.request时显示加载中

    我们可以用wx.showLoading(OBJECT),当请求服务器的地方多了,怎么才能不每次都要去调用函数,我们只要对wx.request加工下就可以了,在utils下新建js文件network.j ...

  3. uniapp 微信小程序分享海报

    uniapp 微信小程序分享海报 下面是一个Uniapp微信小程序分享海报的简单示例: 在Uniapp项目中创建一个新的页面,用于展示要分享的内容和生成海报.例如,我们可以在新页面中显示一张图片和一些 ...

  4. html下拉刷新原理,微信小程序 下拉刷新及上拉加载原理解析

    这篇文章主要介绍了微信小程序 下拉刷新及上拉加载实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.下拉刷新的概念及应用场景. 概念: 下拉 ...

  5. 微信小程序开发——设置默认图片、错误加载图片

    wxml: <image src='{{imgArr[index]==""?defaultImg:imgList[index]}}' binderror="erro ...

  6. 微信小程序分享接口卡片图片尺寸比例

    调用微信小程序分享需要button标签 <button open-type="share">test</button> 然后在js的page里加一个函数 o ...

  7. 微信小程序 首页的广告弹窗,只加载一次

    功能:微信小程序,首次进入页面时显示广告弹窗,点击空白处/点击关闭按钮,隐藏此弹窗(7秒后自动隐藏弹窗). <!-- 页面的广告图片 --> <view class="mo ...

  8. 微信小程序分享朋友圈生成海报

    微信小程序实现分享到朋友圈 分享朋友圈现在大家的通用做法就是通过Canvas生成一张图片后进行保存,然后自行转发朋友圈.最近项目有这个需求, 于是就记录一下.(老规矩,我的博客复制粘贴就好使) 如果想 ...

  9. 微信小程序中实现瀑布流布局和无限加载

    瀑布流布局是一种比较流行的页面布局方式,最典型的就是Pinterest.com,每个卡片的高度不都一样,形成一种参差不齐的美感. 在HTML5中,我们可以找到很多基于jQuery之类实现的瀑布流布局插 ...

最新文章

  1. HTML 5 meta 标签
  2. 信工干货||C语言输入输出语句
  3. mysql命令(command)
  4. 枚举ENUM的tostring() valueof()name()和values()用法
  5. 项目管理中工时计算的问题
  6. 空间参考不存在_空间实景三维信息如何服务于BIM应用
  7. 基于ObjectCache的应用
  8. 《精通Wireshark》—第1章1.5节抓取信息的方式
  9. 奉劝那些想把编程学好的学弟学妹们!呕心沥血,袒露心声,掏心掏肺
  10. 计算机专业今日份例句
  11. 存储专栏:深度解读高端存储的快照技术
  12. 微信小程序:搜索关键词,显示地图列表
  13. 日志收集系统Flume笔记(基础版)
  14. 2020阿里云服务器免费领取与互联教程
  15. 点云特征提取--vfh
  16. ESP32开发--使用NVS存储数据
  17. 激活数字营销新引擎,亚马逊云科技为企业带来数字化营销新体验
  18. 利用LSTM对脑电波信号进行分类
  19. 踩过一个FM24C64与FM24CL64的坑
  20. 多种规格尺寸可定制羧基化聚苯乙烯-二乙烯基苯聚合物微球PS-DVB-COOH

热门文章

  1. 我的游戏--恶灵骑士3.1
  2. python爬虫__简单小案例
  3. bp算法运行太慢_BP算法的改进在Matlab的实现研究
  4. Spring MVC【钢镚核恒】
  5. JQ数组操作(定义一个数组,给数组赋值)
  6. 对垃圾收集器一脸懵B,看这篇就对了|金三银四系列
  7. K8S学习之EFK集群
  8. 飞智八爪鱼2多平台手柄:第一款真正意义的“手游手柄”
  9. 【视觉目标跟踪最高峰】VOT Challenge 2017 亚军北邮团队技术分享(附代码)
  10. 浏览器无法上网-微信等正常-解决方案