什么是 Server-sent Events(SSE) 技术
Server-sent Events(SSE) 技术是一种基于 HTTP 的服务器推送技术，它允许服务器向客户端推送数据，而不需要客户端请求。这种技术通常用于实时更新数据，比如股票价格、天气预报、即时通讯等。
SSE 技术是 HTML5 标准的一部分，它使用 EventSource 对象来接收服务器推送的数据。EventSource 对象是浏览器提供的一种 API，它可以与服务器建立长连接，接收服务器推送的数据。
在 Django 框架中使用 SSE 技术
在 Django 框架中使用 SSE 技术，需要遵循以下步骤：
- 安装 django-sse 库
django-sse 是一个 Django 库，它提供了一个 SSE 视图函数和一个 SSEResponse 类，用于处理 SSE 请求和响应。可以通过 pip 命令来安装它：
pip install django-sse
- 定义 SSE 视图函数
SSE 视图函数是一个 Django 视图函数，它使用 SSEResponse 类来返回 SSE 数据。下面是一个简单的 SSE 视图函数示例：
from django_sse.views import BaseSseView
class MySseView(BaseSseView):
def iterator(self, request):
for i in range(10):
yield 'data: {}\n\n'.format(i)这个 SSE 视图函数会向客户端推送 0 到 9 的数字，每个数字之间间隔 1 秒。iterator 方法是 SSEResponse 类的一个抽象方法，它返回一个生成器，用于产生 SSE 数据。
- 在 URLconf 中注册 SSE 视图函数
在 Django 的 URLconf 中注册 SSE 视图函数，可以通过以下代码实现：
from django.urls import path
from .views import MySseView
urlpatterns = [
path('my-sse-view/', MySseView.as_view(), name='my_sse_view'),
]- 在客户端使用 EventSource 对象接收 SSE 数据
在客户端使用 EventSource 对象来接收 SSE 数据，可以通过以下代码实现：
var eventSource = new EventSource('/my-sse-view/');
eventSource.onmessage = function(event) {
console.log(event.data);
};这个代码会在控制台输出 SSE 数据。
示例代码
下面是一个完整的 SSE 示例代码：
-- -------------------- ---- -------
---- ---------------- ------ -----------
---- ----------- ------ ----
---- ----------- ------ ------------
---- ---------------- ------ ------
----- -----------------------
--- -------------- ---------
--- - -- ----------
----- ------ -----------------
--- ---------------
------ --------------- -------------
----------- - -
-------- ------ --------------
-------------------- -------------------- --------------------
--- -------------------- ---- -------
--------- -----
------
------
---------- ------------
-------
------
--- -------------------
--------
--- ----------- - --- -----------------------------
--------------------- - --------------- -
--- ---- - -----------
--- -- - -----------------------------
------------ - -----
----------------------------------------------------
--
---------
-------
-------这个代码会在浏览器中显示一个列表，每秒钟添加一个数字。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d9fff2a941bf71341b6a4a
