在 Web 开发中，Server-Sent Events（SSE）是一种用于实现服务器向客户端推送数据的技术。它可以用于实时通信、实时更新数据等场景。本文将介绍如何使用 Flask 框架实现 SSE。
SSE 基础概念
SSE 是一种基于 HTTP 的协议，它允许服务器向客户端发送事件流。客户端通过监听这些事件流来获取服务器推送的数据。SSE 使用了 HTTP 的长连接，因此可以实现实时通信，而且对于浏览器的兼容性也很好。
SSE 的事件流由多个事件组成，每个事件由两部分组成：事件名称和事件数据。客户端通过监听事件名称来处理不同的事件，而事件数据则是服务器推送给客户端的实际数据。
Flask 实现 SSE
Flask 是 Python 中最流行的 Web 框架之一。它的简单易用和灵活性使得它成为了很多 Web 开发者的首选。下面将介绍如何使用 Flask 实现 SSE。
首先，我们需要使用 Flask 提供的 Response 类来实现 SSE。Response 类可以让我们更方便地生成 HTTP 响应。下面是一个简单的 SSE 响应的例子：
from flask import Flask, Response
app = Flask(__name__)
@app.route('/sse')
def sse():
def event_stream():
yield 'event: ping\n'
yield 'data: {}\n\n'.format('Hello, world!')
return Response(event_stream(), mimetype='text/event-stream')在这个例子中，我们定义了一个 /sse 路由，用于返回 SSE 响应。event_stream 函数生成了一个事件流，其中包含了一个名为 ping 的事件，和一个包含了 Hello, world! 的数据。Response 类用于将事件流转换成 HTTP 响应，并指定响应的 MIME 类型为 text/event-stream。
客户端可以通过监听 /sse 路由来获取服务器推送的数据。下面是一个简单的 HTML 页面，用于演示 SSE 的使用：
<!DOCTYPE html>
<html>
<head>
<title>SSE</title>
</head>
<body>
<ul id="events"></ul>
<script>
var eventSource = new EventSource('/sse');
eventSource.onmessage = function(event) {
var eventData = JSON.parse(event.data);
var eventElement = document.createElement('li');
eventElement.innerHTML = eventData.message;
document.getElementById('events').appendChild(eventElement);
};
</script>
</body>
</html>在这个例子中，我们通过 EventSource 对象监听了 /sse 路由，当服务器发送事件时，onmessage 回调函数会被调用，从而将事件数据添加到页面上。
总结
本文介绍了如何使用 Flask 实现 SSE。通过 SSE，我们可以实现实时通信、实时更新数据等功能。Flask 的简单易用和灵活性使得它成为了实现 SSE 的一个好选择。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65bda083add4f0e0ff74fba5