使用 Ruby 和 Server-Sent Events 构建实时 Web 应用程序
在 Web 应用程序的开发中，实时性已经变得越来越重要。当我们需要快速响应用户行为时，传统的 HTTP 请求-响应循环已经无法满足需求。对于这类情况，我们可以使用 Server-Sent Events 来构建实时 Web 应用程序。本文将介绍如何使用 Ruby 和 Server-Sent Events 来构建实时 Web 应用程序。
- Server-Sent Events
Server-Sent Events (SSE) 是一种基于 HTTP 协议的无限期间传输技术，用于在 Web 应用程序中实现服务器端到客户端的实时事件。SSE 提供了一种高效的、低成本的方式来推送数据到客户端，并可以自适应地适应新数据到达的频率和大小。
SSE 与 WebSockets 相比具有以下优点:
SSE 不需要建立双向的通信通道，而 WebSockets 需要
SSE 不会被防火墙阻塞，而 WebSockets 可能会
SSE 更容易部署，无需特殊的服务器配置
Ruby 中 SSE 的实现
Ruby 中的 Sinatra 框架提供了处理 SSE 请求的支持。我们可以使用 sinatra-sse gem 来轻松地实现 SSE 服务器端:
------- ---------
------- -------------
----- ----- - -------------
------- ------------
--- --------- --
------------------ - ----- -------- ------ ------ -
---
---在上面的例子中，我们创建了一个简单的 SSE 服务，当客户端连接到 /stream 页面时，服务器将不间断地向客户端推送 "Hello World"。
这里使用了 Sinatra::SSE 模块提供的 stream() 方法来实现 SSE 服务。在这种服务中，在连接的整个过程中，服务器持续部分地传输数据。
- 客户端的实现
要使用 SSE 推送数据到客户端，我们需要使用 JavaScript。以下是一个通过 SSE 接收服务器推送的基本实例:
--- ------ - --- -----------------------
---------------- - --------------- -
------------------------
--在上面的例子中，我们使用 EventSource 对象创建了一个连接，并在收到消息时打印消息。
- 具体应用
通过上述的方法，我们可以构建实时通知、实时聊天室和实时数据更新的功能。
假设我们想要在我们的 Web 应用程序中实现一个聊天室，当一个用户发送消息时，该消息应该被推送到所有其他用户的浏览器中。
在服务器端，我们可以这样实现:
------- ---------
------- -------------
----- ----------- - -------------
------- ------------
--------- --
--- ------------- --
---
--- --- --
--- ------
---
--- ---------- --------- ------------------- --
------ ---------- -- -----
-------------------- -- ---
------------ - -------------------------------- -
---
---
---- --- --
------------------------- - ----- -------- ------ -------------------- -
---
---
---在这个例子中，我们首先在服务器端创建了一个 /stream 端点用于 SSE 推送数据。当一个客户端连接到服务器时，服务器会创建一个 SSE 流来向它发送消息。当客户端断开连接时，响应的输出流会自动关闭。
在客户端，我们可以这样实现:
------
------
----------- ------------
--------
--- ------ - --- -----------------------
---------------- - --------------- -
--- -- - -----------------------------
--- ---- - ------------------------------------
---------------------
----------------------------------------------------
--
-------- --------------
--- ------- - -----------------------------------------
--- --- - --- -----------------
---------------- -----
------------------------------------ -------------------------------------
------------------- - -----------------------------
--------------------------------------------
-
---------
-------
------
-------- ---------
--- -------------------
----
------ ----------- ------------ ---------------
------- -------------------------------------
-------
-------在客户端上，我们用一个简单的 HTML 标记、按钮和文本框来接受和发送消息。当我们按下 "Send" 按钮时，客户端将消息发送到服务器，并在服务器上发送给所有其他连接的客户端。
总结
在本文中，我们介绍了如何使用 Ruby 和 Server-Sent Events 来构建实时 Web 应用程序。在这个过程中，我们学习了如何在 Ruby 中实现 SSE 服务器，并使用 JavaScript 实现客户端 SSE 连接。此外，我们还针对一个实际案例，演示了如何使用 SSE 来实现一个实时聊天室应用程序。
我们希望这篇文章对您有帮助，并且可以提高您开发实时 Web 应用程序的知识和能力。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/651d433b95b1f8cacd4cf24c