网页在微信中分享部分场景小图标丢失问题

背景描述

  1. 在微信中点击右上角分享,显示的标题、描述、图片有助于用户了解这个链接具体内容
  2. 技术侧根据微信JS-SDK说明文档,先通过后端请求获取权限验证配置,之后通过wx.config配置jssdk,最后通过wx.shareConfig进行标题、描述、链接、图片配置

问题

部分场景下,用户点击分享展示的消息,在标题、描述、链接都正常的情况下,图片丢失,始终不展示

排查思路

  1. 其实第一点想到的是:我前端没问题,“你微信端测一测”。毕竟我们是按照标准的方式进行的配置
  2. 我们自己的图片访问不稳定,分享时微信将该图片存储了,导致展示错误

因而当时想到的两种最快定位路径是:

  1. 咨询是否有微信相关工程师资源协助排查
  2. 是否可以查询相关图片访问404的百分比

然而

  1. 资源这块不是你想联系就能联系到的,如果你朋友的朋友的朋友认识马云,但未必你能见得到
  2. 又拍云较难统计这块数据

排查路径

  1. 联系多个出问题的用户,了解到都是android用户,并且听到些许关键词:多选群发
  2. 个人IOS机器试了好久多选群发,没有问题,上面的问题被略过了
  3. 使用 wechat4u 控制台聊天机器人,log相关消息内容,发现对于图片无法显示的情况,appattach段中缺少数据,排除了CDN网络的问题(即使传递了404图片,也有appattach字段)
  4. 发现另一个用户也提到相关关键词——群发,进一步了解到,也是android用户
  5. 几个人拉群,android机器进行群发,问题复现
  6. 测试几台ios、android测试机,确定问题为微信android客户端问题:多选群发较高频率出现图片丢失情况

最后

  1. 通过微信公众号“微信团队”反馈问题
  2. 知乎上搜索微信工程师,私信联系反馈
  3. 知乎上创建问题,继续@相关人反馈
  4. 朋友圈发消息寻求朋友相关资源协助(最终联系到一位微信工程师,定位到问题,并同步下个版本会做修复)