Server-sent Events（SSE）是一种实现服务器推送消息到客户端的方式。相比于传统的轮询或长轮询技术，SSE 可以实时地将数据发送给客户端，降低了客户端与服务器之间的网络流量和服务器的负载，提高了网站的性能和用户体验。
Flask 是一种简单易用、灵活性高的 Python Web 框架。在 Flask 中实现 SSE 是相对简单的，本文将为大家详细介绍如何在 Flask 中实现 SSE。
准备工作
在实现 SSE 之前，需要先安装 Flask-SSE 扩展包。可以通过 pip 工具进行安装。
pip install Flask-SSE
实现 SSE
- 导入 Flask 和 Flask-SSE
from flask import Flask from flask_sse import sse
- 初始化 Flaks 应用程序
app = Flask(__name__) app.config.from_object(__name__) app.register_blueprint(sse, url_prefix='/stream')
- 编写 SSE 的视图函数
-- -------------------- ---- -------
---- ---- ------ -----
---- --------- ------ ---
-------------------
--- -------
------------ ----------- ----------
--- --------------------
------- - ---- ---------
----- -----
--------
---- - -----
---------------
------------
-
----- --------------- ----------
------ -------------------------------在上述代码中，首先定义了一个生成器函数 generate_messages()，该函数会每隔 5 秒钟向客户端发送一条消息。其中，消息的格式可以根据需要自定义。在 return 语句中，通过 sse.stream() 函数将生成器函数的结果转换为一个可供 SSE 使用的流。
- 实现 SSE 的客户端
在 HTML 文件中，通过 JavaScript 代码实现 SSE 客户端。示例代码如下：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------ --------------
-------
------
--------------- -----------
---- --------------------
--------
--- ------ - --- ----------------------------
---------------- - --------------- -
--- -------------- - ----------------------------
------------------------ - -----------
----------------------------------------------------------------
--
---------
-------
-------在 HTML 文件中，首先通过 <script> 标签将 JavaScript 代码引入。在 JavaScript 代码中，通过 EventSource 对象向 SSE 服务器端发送请求，并通过 onmessage 事件监听 SSE 服务器端发送的消息。当 SSE 服务器端发送消息时，通过 DOM 操作将消息添加到页面上。
总结
本文为大家详细介绍了如何在 Flask 中实现 SSE。SSE 可以大幅度提高网站的性能和用户体验，是前端开发中非常重要的一项技能。希望读者能够通过本文所介绍的方法，轻松地实现 SSE 功能，提高自己的开发效率和成果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64623419968c7c53b0381dc3