阅读量:0
在 PHP EventSource 中处理客户端连接，您需要创建一个长轮询服务器，以便在客户端与服务器之间实时传输数据
- 首先，创建一个名为
eventsource.php的 PHP 文件。这将是您的服务器端代码：
<?php header('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。
