ant design pro 全局websocket 与后端实时数据交互?

Question

基于 umi3+ 的 ant design pro ，部分页面的数据需要是实时的。这里想到要用 websocket来接收后端实时数据。

需求：
1.一个全局的 websocket 接收后端发来的数据，数据可能分很多种类型，比如通知、提醒、任务等等。不同的数据类型在不同的页面消费。

2.怎么保证websocket始终是保持连接的？如果因为网络波动断开，可以自动重连。

3.切换路由的时候 websocket 连接不能断

Answer 1

放在哪？提供两个思路

1. 可以是全局顶级组件下，比如 Layout 组件里初始化一个 websocket 连接即可
2. 用了 umi3 ，也可以自定义一个全局的 model，暴露出取数据、发送请求的方法即可

怎么保证连接不断，或者自动重连？
参考心跳的概念，比如每10s向后端发送一个检查连接的心跳；