IM开发干货分享：我是如何解决大量离线消息导致客户端卡顿的

JackJiang · 4 年前

1、引言

好久没写技术文章了，今天这篇不是原理性文章，而是为大家分享一下由笔者主导开发实施的IM即时通讯聊天系统，针对大量离线消息（包括消息漫游）导致的用户体验问题的升级改造全过程。

文章中，我将从如下几个方面进行介绍：

1）这款IM产品的主要业务及特点；
2）IM系统业务现状和痛点；
3）升级改造之路；
4）消息ACK逻辑的优化。

下述内容都是根据笔者开发IM的亲身经历总结下来的宝贵经验，干货满满，期待你的点赞。

本文已同步发布于“即时通讯技术圈”公众号，欢迎关注：
IM开发干货分享：我是如何解决大量离线消息导致客户端卡顿的_52im_qr_即时通讯技术圈_400px.png

▲ 本文在公众号上的链接是：https://mp.weixin.qq.com/s/XHdt1IpCrdmaMDxL8WKn3w

2、IM开发干货系列文章

本文是系列文章中的第25篇，总目录如下：

另外，如果您是IM开发初学者，强烈建议首先阅读《新手入门一篇就够：从零开发移动端IM》。

更多IM客户端优化相关文章：

3、此IM产品的主要业务及特点

和传统互联网行业有所不同，笔者所在的公司（名字就不透露了）是一家做娱乐社交app的公司，包括小游戏、聊天、朋友圈feed等。

大家应该都有体会：游戏业务在技术上和产品形态上与电商、旅游等行业有着本质上的区别。

大部分做后端开发的朋友，都在开发接口。客户端或浏览器h5通过HTTP请求到我们后端的Controller接口，后端查数据库等返回JSON给客户端。大家都知道，HTTP协议有短连接、无状态、三次握手四次挥手等特点。而像游戏、实时通信等业务反而很不适合用HTTP协议。

原因如下：

1）HTTP达不到实时通信的效果，可以用客户端轮询但是太浪费资源；
2）三次握手四次挥手有严重的性能问题；
3）无状态。

比如说，两个用户通过App聊天，一方发出去的消息，对方要实时感知到消息的到来。两个人或多个人玩游戏，玩家要实时看到对方的状态，这些场景用HTTP根本不可能实现！因为HTTP只能pull（即“拉”），而聊天、游戏业务需要push（即“推”）。

4、IM系统业务现状和痛点

4.1业务现状

笔者负责整个公司的实时聊天系统，类似与微信、QQ那样，有私聊、群聊、发消息、语音图片、红包等功能。

下面我详细介绍一下，整个聊天系统是如何运转的。

首先：为了达到实时通信的效果，我们基于Netty开发了一套长链接网关gateway（扩展阅读：《Netty干货分享：京东京麦的生产级TCP网关技术实践总结》），采用的协议是MQTT协议，客户端登录时App通过MQTT协议连接到gateway（NettyServer），然后通过MQTT协议把聊天消息push给NettyServer，NettyServer与NettyClient保持长链接，NettyClient用于处理业务逻辑(如敏感词拦截、数据校验等)处理，最后将消息push给NettyServer，再由NettyServer通过MQTT push给客户端。

其次：客户端与服务端想要正常通信，我们需要制定一套统一的协议。拿聊天举例，我们要和对方聊天，需要通过uid等信息定位到对方的Channel（Netty中的通道，相当于一条socket连接），才能将消息发送给正确的客户端，同时客户端必须通过协议中的数据（uid、groupId等），将消息显示在私聊或者群聊的会话中。

协议中主要字段如下（我们将数据编码成protobuf格式进行传输）：

{
    "cmd":"chat",
    "time":1554964794220,
    "uid":"69212694",
    "clientInfo":{
        "deviceId":"b3b1519c-89ec",
        "deviceInfo":"MI 6X"
    },
    "body":{
        "v":1,
        "msgId":"5ab2fe83-59ec-44f0-8adc-abf26c1e1029",
        "chatType":1,
        "ackFlg":1,
        "from":"69212694",
        "to":"872472068",
        "time":1554964793813,
        "msg":{
            "message":"聊天消息"
        }
    }
}

补充说明：如果你不了Protobuf格式是什么，请详读《Protobuf通信协议详解：代码演示、详细原理介绍等》。

如上json，协议主要字段包括：
IM开发干货分享：我是如何解决大量离线消息导致客户端卡顿的_1.png

如果客户端不在线，我们服务端需要把发送的消息存储在离线消息表中，等下次对方客户端上线，服务端NettyServer通过长链接把离线消息push给客户端。

4.2业务痛点

随着业务蓬勃发展，用户的不断增多，用户创建的群、加入的群和好友不断增多和聊天活跃度的上升，某些用户不在线期间，产生大量的离线消息（尤其是针对群聊，离线消息特别多）。

等下次客户端上线时，服务端会给客户端强推全部的离线消息，导致客户端卡死在登录后的首页。并且产品提出的需求，要扩大群成员的人数（由之前的百人群扩展到千人群、万人群等）。

这样一来，某些客户端登录后必定会因为大量离线消息而卡死，用户体验极为不好。

和客户端的同事一起分析了一下原因：

1）用户登录，服务端通过循环分批下发所有离线消息，数据量较大；
2）客户端登录后进入首页，需要加载的数据不光有离线消息，还有其他初始化数据；
3）不同价位的客户端处理数据能力有限，处理聊天消息时，需要把消息存储到本地数据库，并且刷新UI界面，回复给服务端ack消息，整个过程很耗性能。

（庆幸的是，在线消息目前没有性能问题）。

所以针对上述问题，结合产品对IM系统的远大规划，我们服务端决定优化离线消息（稍微吐槽一下，客户端处理能力不够，为什么要服务端做优化？服务端的性能远没达到瓶颈。。。）。

5、升级改造之路

值得庆幸的是，笔者100%参与这次系统优化的全部过程，包括技术选型、方案制定和最后的代码编写。在此期间，笔者思考出多种方案，然后和服务端、客户端同事一起讨论，最后定下来一套稳定的方案。

5.1方案一（被pass掉的一个方案）

▶ 【问题症状】：

客户端登录卡顿的主要原因是，服务端会强推大量离线消息给客户端，客户端收到离线消息后会回复服务端ack，然后将消息存储到本地数据库、刷新UI等。客户端反馈，即使客户端采用异步方式也会有比较严重的性能问题。

▶ 【于是我想】：

为什么客户端收到消息后还没有将数据存储到数据库就回复给服务端ack？很有可能存储失败，这本身不合理，这是其一。其二，服务端强推导致客户端卡死，不关心客户端的处理能力，不合理。

▶ 【伪代码如下】：

int max = 100;
//从新库读
while (max > 0) {
    List<OfflineMsgInfo> offlineMsgListNew = shardChatOfflineMsgDao.getByToUid(uid, 20);
    if (CollectionUtils.isEmpty(offlineMsgListNew)) {
        break;
    }
    handleOfflineMsg(uid, offlineMsgListNew, checkOnlineWhenSendingOfflineMsg);
    max--;
}

▶ 【初步方案】：

既然强推不合理，我们可以换一种方式，根据客户端不同机型的处理能力的不同，服务端采用不同的速度下发。

我们可以把整个过程当成一种生产者消费者模型，服务端是消息生产者，客户端是消息消费者。客户端收到消息，将消息存储在本地数据库，刷新UI界面后，再向服务端发送ack消息，服务端收到客户端的ack消息后，再推送下一批消息。

这么一来，消息下发速度完全根据客户端的处理能力，分批下发。但这种方式仍然属于推方式。

▶ 【悲剧结果】：

然而，理想很丰满，现实却很骨感。

针对这个方案，客户端提出一些问题：

1）虽然这种方案，客户端不会卡死，但是如果当前用户的离线消息特别多，那么收到所有离线消息的时间会非常长；
2）客户端每次收到消息后会刷新界面，很有可能客户端会发生，界面上下乱跳的画面。

so，这个方案被否定了。。。

5.2方案二

▶ 【我的思考】：

既然强推的数据量过大，我们是否可以做到，按需加载？客户端需要读取离线消息的时候服务端给客户端下发，不需要的时候，服务端就不下发。

▶ 【技术方案】：针对离线消息，我们做了如下方案的优化

1）我们增加了离线消息计数器的概念：保存了每个用户的每个会话，未读的消息的元数据(包括未读消息数，最近的一条未读消息、时间戳等数据)，这个计数器用于客户端显示未读消息的的红色气泡。这个数据属于增量数据，只保留离线期间收到的消息元数据。

消息格式如下：

{
    "sessionId1":{
        "count":20,
        "lastMsg":[
            "最后N条消息"
        ],
        "timestamp":1234567890
    },
    "sessionId2":{

    }
}

2）客户端每次登录时，服务端不推送全量离线消息，只推送离线消息计数器（这部分数据存储在redis里，并且数据量很小），这个数量用户显示在客户端消息列表的未读消息小红点上。

3）客户端拿到这些离线消息计数器数据，遍历会话列表，依次将未读消息数量累加(注意：不是覆盖，服务端保存客户端离线后的增量数据)，然后通知服务端清空离线消息计数器的增量数据。

4）当客户端进入某会话后，上拉加载时，通过消息的msgId等信息发送HTTP请求给服务端，服务端再去分页查询离线消息返回给客户端。

5）客户端收到消息并保存在本地数据库后，向服务端发送ack，然后服务端删除离线消息表的离线消息。

▶ 【预期结果】：

客户端、服务端的技术人员认可这个方案。我们通过推拉结合的方式，解决了客户端加载离线消息卡顿的问题。（改造前是强推，改造后采用推拉结合的方式）

流程图如下：
IM开发干货分享：我是如何解决大量离线消息导致客户端卡顿的_4.png

▶ 【新的问题】：

方案虽然通过了，但是引发了一个新问题：即客户端消息衔接问题。

问题描述如下：客户端登录后进入会话页面，因为客户端本身就保存着历史消息，那么客户端下拉加载新消息时，到底怎么判断要加载本地历史消息？还是要请求服务端加载离线消息呢？

经过一番思考，服务端和客户端最终达成了一致的方案：

1）在未读消息计数器的小红点逻辑中，服务端会把每个会话的最近N条消息一起下发给客户端；
2）客户端进入会话时，会根据未读消息计数器的最近N条消息展示首页数据；
3）客户端每次下拉加载时，请求服务端，服务端按时间倒排离线消息返回当前会话最近一页离线消息，直到离线消息库中的数据全部返回给客户端；
4）当离线消息库中没有离线消息后，返回给客户端一个标识，客户端根据这个标识，在会话页面下一次下拉加载时不请求服务端的离线消息，直接请求本地数据库。

6、消息ACK逻辑的优化

最后，我们也对消息ack的逻辑进行了优化。

优化前：服务端采用push模型给客户端推消息，不论是在线消息还是离线消息，ack的逻辑都一样，其中还用到了kafka、redis等中间件，流程很复杂（我在这里就不详细展开介绍ack的具体流程了，反正不合理）。

离线消息和在线消息不同的是，我们不存储在线消息，而离线消息会有一个单独的库存储。完全没必要用在线消息的ack逻辑去处理离线消息，反而很不合理，不仅流程上有问题，也浪费kafka、redis等中间件性能。

优化后：我们和客户端决定在每次下拉加载离线消息时，将收到的上一批离线消息的msgId或消息偏移量等信息发送给服务端，服务端直接根据msgId删除离线库中已经发送给客户端的离线消息，再返回给客户端下一批离线消息。

另外：我们还增加了消息漫游功能，用户切换手机登录后仍然可以查到历史消息，这部分内容我就不展开详细介绍给大家了。

7、设计优化方案时的文档截图（仅供参考）

下面是优化的方案文档截图，请大家参考。

IM开发干货分享：我是如何解决大量离线消息导致客户端卡顿的_5.png

附录：更多IM开发相关文章汇总

2 楼: d4ksn · 4 年前

好文章啊！

3 楼: JackJiang · 4 年前

引用：d4ksn 发表于 2020-06-16 21:26
好文章啊！

是滴，接地气的文章

4 楼: doublesouth · 4 年前

离线消息表和缓存的一致性是如何保证的？

5 楼: JackJiang · 4 年前

引用：doublesouth 发表于 2020-07-07 20:21
离线消息表和缓存的一致性是如何保证的？

你可以问的具体一点

6 楼: doublesouth · 4 年前

引用：JackJiang 发表于 2020-07-07 20:47
你可以问的具体一点

IM开发干货分享：我是如何解决大量离线消息导致客户端卡顿的_Snipaste_2020-07-09_16-57-24.jpg

消息先写入消息表，再在缓存中累加未读消息计数器，这两部的一致性是如何保证的？

7 楼: JackJiang · 4 年前

引用：doublesouth 发表于 2020-07-09 16:57
消息先写入消息表，再在缓存中累加未读消息计数器，这两部的一致性是如何保证的？

这个一致性的保证，跟所有的需要持久化和内存缓存数据同步时遇到的问题是一样的，这个场景下，肯定是在写入表成功的情况下更新缓存未读数，否则不更新。

8 楼: doublesouth · 4 年前

引用：JackJiang 发表于 2020-07-09 22:10
这个一致性的保证，跟所有的需要持久化和内存缓存数据同步时遇到的问题是一样的，这个场景下，肯定是在写 ...

写缓存失败了就会存在存在缓存中未读数和数据库中不一致的问题，不过业务上只要保证消息不丢，偶尔出现未读数不一致的问题好像也可以接受，只要保证最终一致性，不知道大佬是否也是这样做的？

9 楼: JackJiang · 4 年前

引用：doublesouth 发表于 2020-07-10 16:36
写缓存失败了就会存在存在缓存中未读数和数据库中不一致的问题，不过业务上只要保证消息不丢，偶尔出现未 ...

这种普通聊天数据不涉及到钱，其实没必要，也很难保证百分之百的。

10 楼: zhxh007 · 4 年前

楼主的思路很好，但是小弟还有一事不明啊，
1.客户端在线，直接推送消息给客户端，可是客户端的在线状态是不准确的，可能推送失败，那么这个时候怎么累加未读数，是在线的时候推送完后，等客户端ack么，如果等不到认为这条消息是离线消息，然后累加未读？
2.未读消息计数器里有个lastMsg，这个存储的是最后的N条消息，是这个什么时候下发给客户端呢，是客户端点击对话页进去后，下发给客户端，还是客户端拉取拉取未读气泡的时候，就下发，然后客户端打开对话框直接本地取这N条，还是客户端打开聊天对话框的时候，通过http接口取这儿N条
谢谢啦~

11 楼: JackJiang · 4 年前

引用：zhxh007 发表于 2020-08-06 12:15
楼主的思路很好，但是小弟还有一事不明啊，
1.客户端在线，直接推送消息给客户端，可是客户端的在线状态是 ...

1、不要用推，还是要用拉简单，这是主流作法。
2、文中的意思是拉未读数的时候就取首屏。

12 楼: zhxh007 · 4 年前

引用：JackJiang 发表于 2020-08-06 12:33
1、不要用推，还是要用拉简单，这是主流作法。
2、文中的意思是拉未读数的时候就取首屏。

1.拉的话是拉消息吧，未读数怎么计算呢，
2.还有就是如何判断是在线消息还是离线消息，因为在线状态不准确
3.离线消息删么？如果删的话，怎么解决离线消息的衔接问题，比如这样一种情况，和一个联系人有500条离线消息，拉取到倒数第200条的时候，客户端离线了，这时候还剩下300条没拉完，又产生了100条，那么当客户端拉取完这新产生的100条后，是请求本地还是请求服务器，如果是请求服务器，那么服务器只会给之前剩下的300条，客户端还得做本地逻辑兼容吧

13 楼: JackJiang · 4 年前

引用：zhxh007 发表于 2020-09-10 22:53
1.拉的话是拉消息吧，未读数怎么计算呢，
2.还有就是如何判断是在线消息还是离线消息，因为在线状态不准 ...

关于离线可靠性的问题，你看看这篇文章《IM消息送达保证机制实现(二)：保证离线消息的可靠投递》

14 楼: 41C · 4 年前

先赞再看

15 楼: JackJiang · 4 年前

引用：41C 发表于 2020-09-15 11:23
先赞再看

讲究

16 楼: GarageBand · 4 年前

按图中所3，4条所述，如果客户端没拉完所有的离线消息，那么客户端会一直走请求，当再次进入会话中，客户端还是一样会走请求，即便客户端已经缓存过拉取过的历史离线消息，是这样吗？

17 楼: JackJiang · 4 年前

引用：GarageBand 发表于 2020-11-03 13:39
按图中所3，4条所述，如果客户端没拉完所有的离线消息，那么客户端会一直走请求，当再次进入会话中，客户端 ...

"如果客户端没拉完所有的离线消息，那么客户端会一直走请求"：
这句怎么理解？用专业一点的话组织一下呢

18 楼: GarageBand · 4 年前

引用：JackJiang 发表于 2020-11-03 13:43
"如果客户端没拉完所有的离线消息，那么客户端会一直走请求"：
这句怎么理解？用专业一点的话组织一下呢

比如有100条未读消息，我只看了20条（拉取20条），这个时候客户端数据库中的消息就会“断层”，然后我重新进入聊天会话中，这个时候客户端上拉，是走请求？还是走客户端本地数据库？
整体意思就是，客户端不知道啥时候去请求服务器拉取历史消息？还是走本地数据库获取数据？依据是啥？

19 楼: JackJiang · 4 年前

引用：GarageBand 发表于 2020-11-03 13:50
比如有100条未读消息，我只看了20条（拉取20条），这个时候客户端数据库中的消息就会“断层”，然后我重 ...

他这个逻辑里，应该是会请求一次服务端，然后拉下所有离线消息，后绪直到退出app前，都以本地数据为准

20 楼: GarageBand · 4 年前

引用：JackJiang 发表于 2020-11-03 13:55
他这个逻辑里，应该是会请求一次服务端，然后拉下所有离线消息，后绪直到退出app前，都以本地数据为准

意思是在群A中，比如有1000条未读消息，客户端下拉一次把1000数据一次性全部拉取存入本地数据库，后面下拉就走客户端数据库本地缓存？

本文目录

1、引言

2、IM开发干货系列文章

3、此IM产品的主要业务及特点

4、IM系统业务现状和痛点

4.1业务现状

4.2业务痛点

5、升级改造之路

5.1方案一（被pass掉的一个方案）

5.2方案二

6、消息ACK逻辑的优化

7、设计优化方案时的文档截图（仅供参考）

附录：更多IM开发相关文章汇总

本帖已收录至以下技术专辑

MobileIMSDK (v6.5精编版)

MobileIMSDK-Web (有偿开源)

RainbowAVnew (有偿开源)

RainbowChat (技术转让)

RainbowChat-Web (技术转让)

精华之王

白金版主

终身成就

7天大胜

小有积蓄

即时通讯网

友情链接[友链交换]

关于

微信公众号new

本文目录

1、引言

2、IM开发干货系列文章

3、此IM产品的主要业务及特点

4、IM系统业务现状和痛点

4.1业务现状

4.2业务痛点

5、升级改造之路

5.1方案一（被pass掉的一个方案）

5.2方案二

6、消息ACK逻辑的优化

7、设计优化方案时的文档截图（仅供参考）

附录：更多IM开发相关文章汇总

本帖已收录至以下技术专辑

MobileIMSDK(v6.5精编版)

MobileIMSDK-Web(有偿开源)

RainbowAVnew(有偿开源)

RainbowChat(技术转让)

RainbowChat-Web(技术转让)

精华之王

白金版主

终身成就

7天大胜

小有积蓄

即时通讯网

友情链接[友链交换]

关于

微信公众号new

MobileIMSDK (v6.5精编版)

MobileIMSDK-Web (有偿开源)

RainbowAVnew (有偿开源)

RainbowChat (技术转让)

RainbowChat-Web (技术转让)

即时通讯网　