Nest.js 实战 (十三)：实现 SSE 服务端主动向客户端推送消息

前言

假如系统又一个这样的业务场景：已登录的用户发起流程或者发布消息之后，需要弹窗通知其他已登录的用户，我们应该如何实现？

在设计实时通信场景时，我们面临的主要挑战是如何有效地通知所有已登录的用户有关新流程的启动或新消息的发布。为了实现这一目标，我们需要一个既能高效推送信息又能保证低延迟的技术方案。在评估了 WebSocket 和 Server-Sent Events (SSE) 两种技术之后，我们选择了 SSE 作为实时通信系统的实现方式。

尽管 WebSocket 提供了全双工通信的能力，使得客户端和服务器可以在任何时候互相发送数据，但在我们的应用场景中，主要的需求是由服务器向客户端发送更新通知，而客户端不需要向服务器发送相关的数据。因此，我们不需要 WebSocket 提供的全双工特性。

本篇文章将详细介绍如何在 Nest.js 应用中使用 Server-Sent Events (SSE)。

什么是 Server-Sent Events？

Server-Sent Events (SSE) 是一种让服务器能够实时地向客户端发送数据的技术。传统的 Web 应用程序都是基于客户端发起请求，服务器响应这一模式的。然而，在某些应用场景下，比如股票行情、聊天应用或实时更新的数据展示等，需要服务器主动向客户端推送信息。

SSE 提供了一个简单的单向事件流，使得服务器能够在客户端请求保持打开的状态下推送更新。这样做的好处是减少了轮询请求所带来的网络开销，并且能够让客户端即时接收到新的数据更新。

SSE 优点

1. 单向通信：SSE 默认只支持从服务器到客户端的单向数据传输。
2. 格式简单：SSE 的消息格式非常简单，易于理解和解析。
3. 持久连接：客户端与服务器之间的连接保持打开状态，直到一方关闭为止。
4. 断线重连：当连接中断后，客户端可以尝试重新建立连接以继续接收事件。

@Sse 装饰器

在需要消息推送的 Controller 方法中使用 @Sse 装饰器

import {
    Sse } from<