在 PHP EventSource 中处理客户端连接,您需要创建一个长轮询服务器,以便在客户端与服务器之间实时传输数据
首先,创建一个名为eventsource.php 的 PHP 文件。这将是您的服务器端代码:<?phpheader('Content-Type: text/event-stream');header('Cache-Control: no-cache');header('Connection: keep-alive');// 在这里添加您的业务逻辑,例如从数据库获取数据或其他操作$data = array( 'message' => 'Hello from server!', 'time' => date('Y-m-d H:i:s'));echo "data: " . json_encode($data) . "\n\n";flush();// 设置一个延迟,以便客户端可以不断地请求更新sleep(5);?>然后,创建一个 HTML 文件,例如 index.html,并添加以下内容:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>EventSource Example</title></head><body> <ul id="event-log"></ul> <script> // 创建一个新的 EventSource 对象,指向您的 eventsource.php 文件 var eventSource = new EventSource("eventsource.php"); // 当服务器发送消息时触发 eventSource.onmessage = function (event) { var data = JSON.parse(event.data); var listItem = document.createElement("li"); listItem.textContent = "Message: " + data.message + ", Time: " + data.time; document.getElementById("event-log").appendChild(listItem); }; // 当连接打开时触发 eventSource.onopen = function () { console.log("Connection opened."); }; // 当连接关闭时触发 eventSource.onerror = function (error) { if (eventSource.readyState === EventSource.CLOSED) { console.log("Connection closed."); } else { console.log("Error occurred:", error); } }; </script></body></html>将这两个文件放在 Web 服务器上(例如 Apache 或 Nginx),并通过浏览器访问 index.html 文件。您应该会看到来自服务器的实时消息。注意:如果您在本地运行此示例,请确保您的 Web 服务器支持 PHP。如果您使用的是诸如 XAMPP 之类的本地服务器解决方案,那么您应该已经具备所需的一切。如果您在线托管此示例,请确保您的托管提供商支持 PHP。


