在前端开发中，实时性数据的展示一直是一个重要的需求，即使是如今的单页面应用也不能避免。为了提供实时数据变化的展示，传统的做法是长轮询或者 Websocket，但是这两种方式都有自己的弊端。在 Cherrypy 中，内置了 Server-sent 事件，这是一种实时数据交互的新方式，具有比较大的优势。
Server-sent 事件的基本概念
Server-sent 事件，简称 SSE，是 HTML5 规范中的一个部分。它提供了一种从服务器向浏览器推送实时数据的协议。
在 SSE 的单向通道中，浏览器向服务器发送一个开启 SSE 的请求，服务器随后一直推送实时数据到浏览器中。由于这个通道是单向的，所以服务器无法收到来自浏览器的任何响应。这种通信方式也与 Websocket 不同。
Server-sent 事件的数据格式是纯文本格式，使用了类似 JSON 的格式进行编码。每个 SSE 的消息中都有一个消息标识符（id）和一个事件类型（event），一个数据字段（data）和一个注释字段（comment）。
Cherrypy 中的 Server-sent 事件
Cherrypy 是一个 Python 的 Web 框架，在其最近的版本中加入了对 Server-sent 事件的支持。使用 Cherrypy 中的 Server-sent 事件，可以轻松地在 Python 代码中实现 SSE 的功能。
Cherrypy 中的 Server-sent 事件是通过一个名为 tools.sse 的工具来提供的。在需要发送 SSE 的函数中，可以使用该工具将回调函数包装为一个 SSE 的流。在这个流中，每个消息都是一个 SSE 的事件。
Server-sent 事件的优点
相较于长轮询和 Websocket，Server-sent 事件有以下几个优点：
简单易用：用 SSE 你可以向浏览器发送实时信息的同时，不会降低你的开发效率。
容错性强：SSE 适用于大多数现代浏览器，并且不需要任何额外的客户端库。
灵活性高：对于 SSE，数据格式和数据源已经被规定。使用 SSE，你可以轻松地为特定的请求生成任意有用的数据。
示例代码
下面是一个使用 Cherrypy 内置 SSE 的简单示例。该示例会向客户端发送一些事件的消息，消息中包含时间戳和随机数的值。
import cherrypy
import time
import random
class SSEController(object):
@cherrypy.expose
def index(self):
return '''<html>
<head>
<title>SSE Demo</title>
</head>
<body>
<script>
var source = new EventSource('/stream');
source.onmessage = function(event) {
document.getElementById('output').innerHTML = event.data;
};
</script>
<div id="output"></div>
</body>
</html>'''
@cherrypy.expose
def stream(self):
def events():
while True:
yield 'data: {0}\n\n'.format(time.time()*1000+
random.randint(1, 1000))
return cherrypy.response.stream(events(), 'text/event-stream')在该示例中，index 方法返回一个包含 SSE 流的 HTML 页面。stream 方法会不断地向客户端推送 SSE 事件的数据。
通过运行这个代码，你可以在浏览器中看到一个包含 SSE 事件信息的页面。在这个页面中，每隔一段时间就会更新一个包含时间戳和随机数的值的消息。
总结
Server-sent 事件是一个非常有用的实时数据交互方式，使用它可以轻松地实现实时数据的展示。在 Cherrypy 框架中，Server-sent 事件是内置的，并且非常易于使用。在使用 SSE 进行实时数据交互时，需要注意一些细节和注意事项，例如消息的格式，数据源等。当然，本文只是对 SSE 的一个简单介绍，更多的细节和操作可以参考相关文档和教程。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a1cbbdadd4f0e0ff9ce721