即时通讯(WebSocket)
2026年9月21日大约 2 分钟
即时通讯(WebSocket)
即时通讯(WebSocket)在项目里面很常见,例如消息通知,实时翻译,语音转译等等。本框架在集成了 WebSocket 的基础上,实现了简单的消息通知以及角标统计功能,并且对于集成的 WebSocket 功能做了抽象优化,后续你可以自己实现自己的 WebSocket 功能。
消息通知
框架已经实现了简单的消息通知功能,并且加上了实时通知,这需要前端先连接上服务器,然后,服务端会向前端推送消息。
前端连接服务器
服务器发送消息
3.5.3 版本之后,将 WebSocket 单独做为一个服务模块来做统一的 WebSocket 入口,算是一个中转,所有的请求到这个服务,然后分发给各个需要使用到的服务模块,各个服务模块也可以通过 RPC 来把消息传递到中转服务,然后统一发送给前端,所以事情就简单了,可以参考 系统消息通知
角标统计
在已经集成了 WebSocket 功能和单独做成中转服务的基础上,结合系统的路由配置做了角标统计功能,举个例子,需要统一菜单里面的总数可能会使用到这个项目,简单配置步骤如下:
- 配置路由
{"frameLoading":true,"hiddenTag":false,"fixedTag":false,"menuType":0,"transition":{},"routeCountConfig":{"name":"user","params":{}}}routeCountConfig: 路由统计配置name: 路由名称params: 路由参数(可以放任意参数)
- 注册计数器
在自动注册器中注册计数器:示例
注册的 Key 就是路由名
参考
贡献者
Mango Crisp