构建通用WebSocket推送网关的设计与实践

标签: 通用 websocket 推送 | 发表时间:2021-04-09 09:59 | 作者:爱奇艺技术
出处:https://juejin.cn/backend

HTTP协议是一种无状态的、基于 TCP的请求/响应模式的协议,请求只能由客户端发起、服务端进行响应。在大多数场景,这种请求/响应的Pull模式已经可以满足需求。但在某些情形,例如 消息推送、通知等应用场景,需要实时将数据同步到客户端,这就要求服务端支持主动Push数据。

服务端推送技术历史悠久,经历了 短轮询、长轮询的发展,一定程度上能够解决问题,但也存在着不足,例如 时效性、资源浪费等。 HTML5标准带来的 WebSocket规范基本结束了这一局面,成为目前服务端推送技术的主流方案。

在系统中集成WebSocket十分简单,相关讨论与资料很丰富。但如何实现一个通用的WebSocket推送网关尚未有成熟的方案。目前的云服务厂商主要关注iOS和安卓等移动端推送,也缺少对WebSocket的支持。本文介绍了我们基于 Netty实现 WebSocket长连接网关时的一些思考和经验。

1 爱奇艺号WebSocket使用现状

爱奇艺号是 爱奇艺内容创作、分发和变现的平台,涵盖自媒体、网大、网剧、儿童、知识、纪录片等多个业务,是爱奇艺内容生态的重要组成。爱奇艺号作为前台系统,对用户体验有较高要求,直接影响着创作者的创作热情。目前,爱奇艺号有多个业务场景中用到了 WebSocket推送技 术, 包括:

  • 用户评论。 实时的将评论消息推送到浏览器。
  • 实名认证。 合同签署前需要对用户进行实名认证,用户扫描二维码后进入第三方的认证页面,认证完成后异步通知浏览器认证的状态。
  • 活体识别。 类似实名认证,当活体识别完成后,异步将结果通知浏览器。

在实际的业务开发中,我们发现,WebSocket推送技术在使用中存在以下问题: 首先, WebSocket技术栈不统一,既有基于Netty实现的,也有基于Web容器实现的,给开发和维护带来困难; 其次, WebSocket实现分散在在各个工程中,与业务系统强耦合,如果有其他业务需要集成WebSocket,面临着重复开发的窘境,浪费成本、效率低下; 第三, WebSocket是有状态协议的,客户端连接服务器时只和集群中一个节点连接,数据传输过程中也只与这一节点通信。

因此,WebSocket集群需要解决 会话共享的问题。如果只采用单节点部署,虽然可以避免这一问题,但无法水平扩展支撑更高负载,有单点的风险;最后,缺乏监控与报警,虽然可以通过 Linux的Socket连接数大致评估WebSocket长连接数,但数字并不准确,也无法得知用户数等具有业务含义的指标数据;无法与现有的微服务监控整合,实现统一监控和报警。

2 长连接网关的设计与实现

为了解决以上问题,我们实现了统一的WebSocket长连接网关,具备如下特点:

1. 集中实现长连接管理和推送能力。 统一技术栈,将长连接作为基础能力沉淀,便于功能迭代和升级维护。

2. 与业务解耦。 将业务逻辑与长连接通信分离,使业务系统不再关心通信细节,也避免了重复开发,浪费研发成本。

3. 使用简单。 提供HTTP推送通道,方便各种开发语言的接入。业务系统只需要简单的调用,就可以实现数据推送,提升研发效率。

4. 分布式架构。 实现多节点的集群,支持水平扩展应对业务增长带来的挑战;节点宕机不影响服务整体可用性,保证高可靠。

5. 多端消息同步。 允许用户使用多个浏览器或标签页同时登陆在线,保证消息同步发送。

6. 多维度监控与报警。 自定义监控指标与现有微服务监控系统打通,出现问题时可及时报警,保证服务的稳定性。

2.1. 技术选型

在众多的WebSocket实现中,从 性能、扩展性、社区支持等方面考虑,最终选择了Netty。Netty是一个 高性能、事件驱动、异步非阻塞的网络通信框架,在许多知名的开源软件中被广泛使用。

WebSocket是有状态的,无法像直接HTTP以集群方式实现负载均衡,长连接建立后即与服务端某个节点保持着会话,因此集群下想要得知会话属于哪个节点,有 两种方案, 一种是使用 类似微服务的注册中心来维护全局的会话映射关系,一种是 使用事件广播由各节点自行判断是否持有会话,两种方案对比如表1所示。

方案 优点 缺点
注册中心 会话映射关系清晰,集群规模较大时更合适 实现复杂,强依赖注册中心,有额外运维成本
事件广播 实现简单更加轻量 节点较多时,所有节点均被广播,资源浪费

表1:WebSocket集群方案

综合考虑实现成本与集群规模,选择了轻量级的事件广播方案。实现广播可以选择基于RocketMQ的消息广播、基于 Redis的Publish/Subscribe、 基于 ZooKeeper的通知等方案,其优缺点对比如表2所示。从吞吐量、实时性、持久化、实现难易等方面考虑,最终选择了 RocketMQ。

方案 优点 缺点
基于RocketMQ 吞吐量高、高可用、保证可靠 实时性不如Redis
基于Redis 实时性高、实现简单 不保证可靠
基于ZooKeeper 实现简单 写入性能较差,不适合频繁写入场景

表2:广播的实现方案对比

2.2. 系统架构

网关的整体架构如图1所示。

图1:WebSocket长连接网关架构

网关的整体流程如下:

1.  客户端与网关任一节点握手建立起长连接,节点将其加入到内存维护的长连接队列。客户端定时向服务端发送心跳消息,如果超过设定的时间仍没有收到心跳,则认为客户端与服务端的长连接已断开,服务端会关闭连接,清理内存中的会话。

2. 当业务系统需要向客户端推送数据时,通过网关提供的 HTTP接口将数据发向网关。

3. 网关在接收到推送请求后,将消息写入 RocketMQ。

4. 网关作为消费者,以 广播模式消费消息,所有节点都会接收到消息。

5. 节点接收到消息后判断推送的消息目标是否在自己内存中维护的长连接队列里,如果 存在则通过长连接推送数据,否则直接忽略。

网关以多节点方式构成集群,每节点负责一部分长连接,可实现负载均衡,当面对海量连接时,也可以通过增加节点的方式分担压力,实现 水平扩展。 同时,当节点出现宕机时,客户端会尝试重新与其他节点握手建立长连接,保证服务整体的可用性。

2.3. 会话管理

长连接建立起来后,会话维护在各节点的内存中。 SessionManager组件负责管理会话,内部使用了哈希表维护了UID与UserSession的关系;UserSession代表用户维度的会话,一个用户可能会同时建立多个长连接,因此UserSession内部同样使用了一个哈希表维护Channel与 ChannelSession的关系。为了避免用户无限制的创建长连接, UserSession在内部的ChannelSession超过一定数量后,会将最早建立的ChannelSession关闭,减少服务器资源占用。 SessionManager、UserSession、ChannelSession的关系如图2所示。

图2:SessionManager组件

2.4. 监控与报警

为了了解集群建立了多少长连接、包含了多少用户,网关提供了基本的监控与报警能力。网关接入了 Micrometer, 将连接数与用户数作为自定义指标暴露,供Prometheus进行采集,实现了与现有的微服务监控系统打通。在 Grafana中方便地查看 连接数、用户数、JVM、CPU、内存等指标数据,了解网关当前的服务能力与压力。报警规则也可以在Grafana中配置,当数据异常时触发奇信(内部报警平台)报警。

2.5. 性能压测

压测选择两台配置为 4核16G的虚拟机,分别作为服务器和客户端。压测时选择为网关开放了 20个端口,同时建立 20个客户端,每个客户端使用一个服务端端口建立起5万连接,可以同时创建百万个连接。连接数与内存使用情况如图3所示。

图3:百万级连接

给百万个长连接同时发送一条消息,采用单线程发送,服务器发送完成的平均耗时在 10s左右,如图4所示。

图4:服务器推送耗时

一般同一用户同时建立的长连接都在个位数。以10个长连接为例,在并发数600、持续时间120s条件下压测,推送接口的 TPS大约在 1600+ ,如图5所示。

图5 :长连接10、并发600、持续时间120s的压测数据

当前的性能指标已满足爱奇艺号的实际业务场景,可支持未来的业务增长。

3 业务案例

为了更生动的说明优化效果,文章最后,我们也以封面图添加滤镜效果为例,介绍一个爱奇艺号使用 WebSocket网关的案例。

爱奇艺号自媒体发表视频时,可选择为封面图添加 滤镜效果,引导用户提供提供更优质的封面。当用户选择一个封面图后,会提交异步的后台处理任务。当异步任务处理完成后,通过WebSocket将不同滤镜效果处理后的图片返回给浏览器,业务场景如图6所示。

图6:爱奇艺号视频封面图滤镜\

从研发效率方面考虑,如果在业务系统中集成WebSocket,至少需要1-2天的开发时间;如果直接使用网关的推送能力,只需要简单的接口调用就实现了数据推送,开发时间降低到分钟级别,研发效率大大提高。从 运维成本方面考虑,业务系统不再含有与业务逻辑无关的通信细节,代码的 可维护性更强, 系统架构变得更加简单,运维成本大大降低。

4 写在最后

WebSocket是目前实现服务端推送的主流技术,恰当使用能够有效提供系统响应能力,提升用户体验。通过WebSocket长连接网关可以快速为系统增加数据推送能力,有效 减少运维成本, 提高开发效率。

长连接网关的价值在于它封装了 WebSocket通信细节, 与业务系统解耦,使得长连接网关与业务系统可独立优化迭代,避免重复开发,便于开发与维护。其次,网关提供了简单易用的 HTTP推送通道, 支持多种开发语言接入,便于系统集成和使用。另外, 网关采用了分布式架构, 可以实现服务的水平扩容、负载均衡与高可用。最后, 网关集成了监控与报警, 当系统异常时能及时预警,保证服务的健康和稳定。

 \

目前, WebSocket长连接网关已在爱奇艺号图片滤镜结果通知、MCN电子签章等多个业务场景中得到应用。 未来还有许多方面需要探索,例如消息的重发与ACK、WebSocket二进制数据的支持、多租户的支持等。我们也会不断优化、丰富功能,带给开发者更好的使用体验。

也许你还想看

爱奇艺知识WEB前端组件化实践\

一切数据皆可配置:爱奇艺海外站的运营后台设计实践\

 扫一扫下方二维码,更多精彩内容陪伴你!

相关 [通用 websocket 推送] 推荐:

构建通用WebSocket推送网关的设计与实践

- - 掘金 后端
HTTP协议是一种无状态的、基于 TCP的请求/响应模式的协议,请求只能由客户端发起、服务端进行响应. 在大多数场景,这种请求/响应的Pull模式已经可以满足需求. 但在某些情形,例如 消息推送、通知等应用场景,需要实时将数据同步到客户端,这就要求服务端支持主动Push数据. 服务端推送技术历史悠久,经历了 短轮询、长轮询的发展,一定程度上能够解决问题,但也存在着不足,例如 时效性、资源浪费等.

Spring+Websocket实现消息的推送

- - Java - 编程语言 - ITeye博客
本文主要有三个步骤 1、用户登录后建立websocket连接,默认选择websocket连接,如果浏览器不支持,则使用sockjs进行模拟连接 2、建立连接后,服务端返回该用户的未读消息 3、服务端进行相关操作后,推送给某一个用户或者所有用户新消息 相关环境 Spring4.0.6(要选择4.0+),tomcat7.0.55.

WebSocket实战

- - 新浪UED
互联网发展到现在,早已超越了原始的初衷,人类从来没有像现在这样依赖过他;也正是这种依赖,促进了互联网技术的飞速发展. 而终端设备的创新与发展,更加速了互联网的进化;. WebSocket的前世今生. 为什么使用WebSocket. 搭建WebSocket服务器. 以上六点分为两大块,前3点侧重理论,主要让大家明白WebSocket是什么,而后3点则结合代码实战,加深对WebSocket的认知.

tomcat7之websocket

- - ITeye博客
从tomcat7.0.26之后开始支持websocket,建议大家使用tomcat7.0.30,期间版本的接口有一些改动. chrome默认支持websocket. 其他浏览器可能由于安全原因,默认是关闭的. // 与7.0.27不同的,Tomcat改变了createWebSocketInbound方法的定义,增加了一个HttpServletRequest参数.

长连接网关技术专题(四):爱奇艺WebSocket实时推送网关技术实践

- - BlogJava-首页技术区
本文由爱奇艺技术团队原创分享,原题《构建通用WebSocket推送网关的设计与实践》,有优化和改动. 丛所周之,HTTP协议是一种无状态、基于TCP的请求/响应模式的协议,即请求只能由客户端发起、由服务端进行响应. 在大多数场景,这种请求/响应的Pull模式可以满足需求. 但在某些情形:例如消息推送(IM中最为常见,比如IM的离线消息推送)、实时通知等应用场景,需要实时将数据同步到客户端,这就要求服务端支持主动Push数据的能力.

基于Tomcat的WebSocket

- - ITeye博客
之前大概的看过WebSocket,当时Tomcat还不支持WebSocket,所以当时写了一篇基于Jetty的WebSocket实现,地址如下:. 现在Tomcat7.0.27发布了,从这个版本开始Tomcat就支持WebSocket了. Tomcat的WebSocket和Jetty的大致上差不多,大同小异,这里就简单的贴两个类吧:.

【转载】认识HTML5的WebSocket

- - HTML5研究小组
在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API. WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术. 这个新的API提供了一个方法,从客户端使用简单的语法 有效地推动消息到服务器. 让我们看一看HTML5的WebSocket API:它可用于客户端、服务器端.

反向Ajax,第2部分:WebSocket

- KnightE - 译言-电脑/网络/数码科技
来源Reverse Ajax, Part 2: WebSockets. 时至今日,用户期待的是可通过web访问快速、动态的应用. 这一文章系列展示了如何使用反向Ajax(Reverse Ajax)技术来开发事件驱动的web应用. 系列的第1部分介绍了反向Ajax、轮询(polling)、流(streaming)、Comet和长轮询(long polling).

htm5-websocket实现数据查询应用

- - 博客园_首页
在之前的文章讲述了使用Websocket调用远程方式的功能,在这基础我们可以简单地使用WebSocket进行数据处理方面的应用;只需要在方法执行相关的数据库操作返回即可,结合jeasyui库所提供丰富的控件进行数据应用处理变得非常简单的事情.下面使用jeasyui和WebSocket实现一个查询Northwind数据订单的应用案例..

七种WebSocket框架的性能比较

- - 鸟窝
前一篇文章 使用四种框架分别实现百万websocket常连接的服务器介绍了四种websocket框架的测试方法和基本数据. 最近我又使用几个框架实现了websocket push服务器的原型,并专门对这七种实现做了测试. 本文记录了测试结果和一些对结果的分析. 使用三台C3.4xlarge AWS服务器做测试.