在构建 Web 应用程序时，实时性是一个很重要的因素。服务器向客户端推送内容可以使得 Web 应用程序能够实时响应用户操作，从而提供更好的用户体验。
在本文中，我们将探讨如何使用 Server-Sent Events (SSE) 技术在 Symfony 中构建实时 Web 应用程序。
什么是 Server-Sent Events？
Server-Sent Events 是一项 Web 技术，允许服务器向客户端推送事件。客户端可以用事件流的形式（EventSource 对象）接收这些事件，从而实时地更新页面内容。
SSE 技术在 Web 应用程序中能够广泛应用，例如实时通知、聊天应用、实时股票报价等等。
在 Symfony 中使用 Server-Sent Events
下面我们将介绍如何在 Symfony 中使用 Server-Sent Events。
Step 1：配置路由
首先，我们需要为 SSE 创建一个路由。在 routes.yaml 文件中添加如下代码：
realtime:
path: /realtime
controller: App\Controller\RealtimeController::indexStep 2：创建控制器
接下来，我们创建一个 RealtimeController 控制器。
-- -------------------- ---- -------
--------- ---------------
--- -------------------------------------------------------------
--- ------------------------------------------
--- -------------------------------------------
----- ------------------ ------- ------------------
-
---
- -------------------
--
------ -------- -------
-
------ ------------------------------------------
-
-Step 3：创建 SseResponse 对象
为了发送事件流，我们需要创建一个名为 SseResponse 的自定义响应对象。
-- -------------------- ---- -------
--------- -------------
--- ------------------------------------------
----- ----------- ------- --------
-
--------- -------
------ -------- ----------------- - ----- ------- - ---- -------- - ---
-
-------------------------- -------- ----------
----------------------------------- ---------------------
------------------------------------ ------------
--------------------------------- --------------
------------ - -----
-
------ -------- ----------------
-
------------ - -------
-
------ -------- ----------------- ----- - ----- --- - -----
-
--------- - ------- ----------
-- -------------- -
--------- -- ------ - - ------------------ ------------------ - -----
-
-- ------------ -
--------- -- ---- -------
-
--------- -- ------- ------------------
-----------------------------
--------------
-
-Step 4：推送事件
现在，我们可以在控制器中推送事件。
-- -------------------- ---- -------
--------- ---------------
--- -------------------------
--- -------------------------------------------------------------
--- ------------------------------------------
--- -------------------------------------------
----- ------------------ ------- ------------------
-
---
- -------------------
--
------ -------- -------
-
--------- - --- --------------
----------------------------- ---------- -- ------- ----------
------ ----------
-
-Step 5：接收事件
最后，需要在客户端使用 EventSource 对象来接收事件，并实时地更新页面内容。
const eventSource = new EventSource('/realtime');
eventSource.addEventListener('hello', function(event) {
const data = JSON.parse(event.data);
console.log(data.message);
});总结
在本文中，我们介绍了如何使用 Server-Sent Events 在 Symfony 中构建实时 Web 应用程序。我们在 Symfony 中创建了 SSE 的自定义响应对象，并使用它向客户端推送事件。
此外，我们还介绍了如何在客户端使用 EventSource 对象接收事件。
这些技术可以应用于众多 Web 应用程序，例如实时通知、聊天应用、实时股票报价等等。希望本文能够帮助你构建出更加实时性的 Web 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/651e8cbe95b1f8cacd63c3a6