【bugfix】-洽谈回填的图片消息无法显示

项目场景

后台客服角色有和移动端用户聊天的功能,聊天功能的实现基本依赖于外部sdk(后文称ImJsSdk),该ImJsSdk在项目中以源码的方式引入

新增需求:管理员需要查看所有聊天记录


问题描述

管理员和客服使用同样的流程唤起对话窗口,但是管理原的对话窗口内图片无法显示


解决方案

把对ImJsSdk源码的引用由im.js(未压缩,带注释)替换为im.min.js(压缩后的文件)。


解决流程

  1. 首先我怀疑是图片消息本身有问题;把管理员无法显示的图片消息的数据复制到客服对话窗口内,可以正常展示,排除图片消息本身的数据问题
  2. 怀疑是账号的权限问题,管理员的账号无法处理图片消息内的图片数据;在管理员的初始化IM流程中,将所有初始化参数都换成客服的,依旧无法正常展示,排除账号的权限问题
  3. 有点头大了,那就只能是我在复制客服初始化im流程的代码中某些地方改错了;逐一将管理员的初始化IM流程修改为与客服初始化im流程一致,依旧无法正常展示
  4. 不可思议,一头雾水,尝试去源码里面,找到获取图片url的方法,debugger一下看看吧;运行代码,没有触发断点,脑袋叮的一声,我好像想起了什么,项目中有两份ImJsSdk文件,一个是im.js(未压缩,带注释),一个是im.min.js(压缩后的文件),在写管理员的初始化IM流程时,为了调试方便,我引用的是im.js(未压缩,带注释),初始化成功了也可以正常接受文字消息,我就以为两份代码一样,只是压缩和未压缩的区别。然后我尝试把引用替换为im.min.js(压缩后的文件),图片即可正常展示;淦!

原因分析:

im.js(未压缩,带注释)和im.min.js(压缩后的文件),两份文件内获取图片url方法代码不完全一致


深度思考

项目中有两份ImJsSdk文件,一个是im.js(未压缩,带注释),一个是im.min.js(压缩后的文件),在写管理员的初始化IM流程时,为了调试方便,我引用的是im.js(未压缩,带注释),初始化成功了也可以正常接受文字消息,我就以为两份代码一样,只是压缩和未压缩的区别。

"两份代码一样,只是压缩和未压缩的区别"这个错误认知是怎么产生的呢,导致我后来没有头绪然后用二分法一点一点排查代码问题的时候都没有意识到这里的不同。

这破问题,耗费我两个小时,为了避免以后再犯同样错误,我把这个bug解决流程记下来

相关推荐
风月说与山鬼几秒前
三、uni-app页面配置(pages.json)
前端·uni-app
daols884 分钟前
vue 实现基于 vxe-table 构建多维度产品对比表
前端·javascript·vue.js
前端 贾公子8 分钟前
第08章:中间件(5)
服务器·前端·javascript
ZJU_统一阿萨姆18 分钟前
【推理优化进阶】通信关键路径:NCCL、RDMA 与计算通信重叠
开发语言·人工智能·语言模型·架构·系统架构
我不是疯子是傻子34 分钟前
Qt 程序打包部署全攻略:从 windeployqt 到 Inno Setup 的静默安装与版本迭代实战
开发语言·qt
tech_zjf1 小时前
当 AI 把 Next.js Route 越写越快:我为什么做了 next-route-kit
前端·后端
常宇佳1 小时前
vue3 @代指src路径设置
前端·typescript·vue
砚凝霜1 小时前
软考网络工程师|案例分析:Eth‑Trunk 链路聚合、iStack 堆叠、CSS 集群核心考点总结
前端·css·网络
二级小助手1 小时前
二级Web前端选择题高频真题20道与考场避坑笔记
javascript·css3·html5·web前端·计算机二级·二级web·web真题
珐恩AI-人工智能2 小时前
大模型意图召回偏差分析:GEO如何解决“有收录却不触发问答曝光”的难题
大数据·前端·人工智能·html·流量运营·geo优化