需求

需要前端展示实时的订单数据信息。如下图所示，实时下单实时页面统计更新展示

【资料图】

思路方案

前端使用websocket 建立通信

后端监听数据库的binglog变更，实时得到最新数据，推送到前端

现状及问题

客户端想实现实时获取数据的变更，使用了websocket+kafkaMq，当数据库变更的时候，通过mq发送变更信息到队列，服务端消费。

由于客户端与服务端websocket连接，是单台服务器建立通道，数据库变更到服务器消费，只会是其中一台服务器消费，其他服务器消费不到，导致其他服务器连接的客户端，接收不到实时的数据。

解决方案

根据以上问题，目前发现四个解决方案

方案流程图

redis+定时

kafka多个消费组

rocketMq队列

redis发布订阅

优化

根据以上方案，发现一个统一的优化点，即每台服务器都会遍历实时数据，不够精准，后期可以通过，redis和分组里加ip来，相对精准推送。。

后记

主要是提供一个思路，漏洞或许也很多，欢迎大家不吝赐教。

参考：

websocket 详解：https://blog.csdn.net/weixin_50339217/article/details/125160323

websocket 集群处理方案：https://www.cnblogs.com/yangjl01/p/12740836.html

监听数据库变化参考：

https://blog.csdn.net/Zxb654614425/article/details/129057114

https://blog.csdn.net/qq_45821251/article/details/127490460

redis 发布订阅 ： https://blog.csdn.net/w15558056319/article/details/121490953

前端实时更新数据的几种方式：https://www.jianshu.com/p/b7b363e5352a

其他参考：https://blog.csdn.net/qi923701/article/details/79253779

标签：