如何在php eventsource中处理客户端连接

PHP

小樊

2024-08-27 17:21:13

栏目: 编程语言

在 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。

如何在php eventsource中处理客户端连接

最新问答

相关标签