在现代 Web 开发中，实现实时通信是非常常见的需求，而实现实时通信的方式有很多，其中一种比较常用的方式是使用长连接（Long Polling）或 Server-Sent Events（SSE）。本文将介绍如何在 Flask 中使用 Server-Sent Events 实现长连接。
Server-Sent Events 简介
Server-Sent Events（SSE）是一种基于 HTTP 协议的实时通信技术，它允许服务器向客户端推送数据，而不需要客户端不断地向服务器发送请求。SSE 的优点是它不需要像 WebSockets 那样建立一个全双工的连接，因此它更容易实现和部署。
SSE 的基本原理是客户端通过一个 HTTP 请求向服务器请求 SSE 连接，服务器返回一个包含 Content-Type: text/event-stream 头部的响应，并且不断地向客户端发送事件数据，直到连接关闭。客户端通过 JavaScript 的 EventSource API 来接收这些事件数据。
在 Flask 中使用 Server-Sent Events
在 Flask 中使用 Server-Sent Events 实现长连接非常容易，我们只需要使用 Flask 的 Flask-SSE 扩展即可。Flask-SSE 扩展封装了 SSE 连接的细节，使得我们可以很方便地实现 SSE 服务端。
下面是一个简单的 Flask 应用程序，它实现了一个 SSE 服务端，每秒钟向客户端发送一个时间戳事件：
-- -------------------- ---- -------
---- ----- ------ ------ ---------------
---- --------- ------ ---
--- - ---------------
----------------------- - -------------------
--------------------------- ---------------------
---------------
--- --------
------ -----------------------------
-------------------
--- -------
--- -----------
------ ----
----- -----
----- ------- ------------------
-------------
------ ------------------------------ -----------------------------
-- -------- -- -----------
-------------------在上面的代码中，我们首先创建了一个 Flask 应用程序，并且注册了 Flask-SSE 的蓝图，将 SSE 服务端的 URL 前缀设置为 /stream。然后，我们定义了一个 /time 路由，它返回一个 SSE 响应，使用 Python 的生成器函数来不断地向客户端发送时间戳事件。最后，我们启动了 Flask 应用程序。
在客户端，我们可以使用 JavaScript 的 EventSource API 来接收 SSE 事件数据。下面是一个简单的 HTML 页面，它使用 EventSource API 来接收 SSE 事件数据并将它们显示在页面上：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ------------
-------
------
------- ---------
---- ------------------
--------
--- ------ - --- ----------------------------
---------------- - --------------- -
------------------------------------------- -- ---------- - -------
--
---------
-------
-------在上面的代码中，我们使用 EventSource API 创建了一个 SSE 连接，并且监听 onmessage 事件来接收 SSE 事件数据。每当我们收到一个事件数据时，就将它们显示在页面上。
总结
本文介绍了如何在 Flask 中使用 Server-Sent Events 实现长连接。我们使用了 Flask 的 Flask-SSE 扩展来简化 SSE 服务端的实现，同时也介绍了如何使用 JavaScript 的 EventSource API 来接收 SSE 事件数据。SSE 的优点是它更容易实现和部署，对于一些简单的实时通信场景，它是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660113dad10417a222c3ceec