Server-Sent Events 是一种基于 HTTP 的服务器推送技术，它可以在服务器端向客户端推送实时数据。在前端开发中，Server-Sent Events 可以用于实现一些实时性要求较高的功能，如在线聊天、实时通知等。而在 Django 应用程序中使用 Server-Sent Events 也是十分方便的。在本文中，我们将详细介绍如何在 Django 应用程序中使用 Server-Sent Events，并给出相应的示例代码。
Step 1：创建视图函数
首先，我们需要在 Django 应用程序的 views.py 文件里创建一个视图函数，用于处理和响应请求。在这个视图函数中，我们需要执行以下几个步骤：
- 设置 HTTP 响应头，指定响应数据的类型为 text/event-stream。
- 将响应数据写入响应体中。
- 使用 flush() 方法强制将响应数据发送给客户端，以保证实时性。
代码如下：
// javascriptcn.com 代码示例
from django.http import HttpResponse
import time
def sse(request):
response = HttpResponse(content_type='text/event-stream')
response.write('event: ping\n\n')
response.write('data: {}\n\n'.format(time.time()))
response.flush()
return response在这个例子中，我们使用了 time 模块获取当前时间，并将其作为响应数据发送给客户端。在实际应用中，我们可以根据业务需求，结合 Django 的 ORM 等相关工具，从数据库中获取数据并发送给客户端。
Step 2：配置 URL 路由
接着，我们需要在 Django 应用程序的 urls.py 文件里配置 URL 路由，将请求路由到我们刚才创建的视图函数上。代码如下：
from django.urls import path
from . import views
urlpatterns = [
path('sse/', views.sse, name='sse'),
]这里我们将 /sse/ 路由到了 views.sse 函数上。
Step 3：前端页面的实现
最后，我们需要在前端页面中实现对响应数据的监听。在这里，我们可以使用 JavaScript 中的 EventSource 对象，其支持与 Server-Sent Events 的交互。
代码如下：
const source = new EventSource('/sse/');
source.addEventListener('ping', function(event) {
const data = JSON.parse(event.data);
console.log(data);
});在这个例子中，我们监听了 ping 事件，并在事件触发时将相应的数据输出到控制台中。在实际应用中，我们可以根据业务需求，将数据渲染到页面中，实现实时更新的效果。
总结
通过以上三个步骤，我们就可以在 Django 应用程序中使用 Server-Sent Events 实现实时数据推送了。特别需要注意的是，在使用 Server-Sent Events 时，响应头必须为 text/event-stream，且每个响应必须以 \n\n 结尾，否则将无法正常工作。另外，需要注意的是，Server-Sent Events 是一种长连接，会一直保持连接状态，对服务器资源有一定的占用，因此在使用时需要根据实际业务需求进行优化。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653889447d4982a6eb168ecf