如何在 PHP 中实现服务器发送事件 SSE ？

在PHP中实现服务器发送事件（Server-Sent Events, SSE）可以让服务器实时地推送信息到浏览器，而不需要浏览器不断地向服务器发起请求。这主要用于实时通讯，比如股票行情更新、新闻推送等应用场景。下面是如何在PHP中实现服务器发送事件的步骤：

步骤 1: 设置服务器端

首先，我们需要创建一个PHP脚本，用来发送事件流到客户端。这个脚本需要设置正确的头部信息，并且持续发送数据。

php
<?php
// 设置头部为事件流
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

// 创建一个循环，定期发送数据
while (true) {
    // 获取需要发送的数据，这里以时间为例
    $time = date('r');
    
    // 发送事件
    echo "data: The server time is: {$time}\n\n";
    
    // 清空输出缓冲区并发送缓冲数据
    ob_flush();
    flush();
    
    // 每秒发送一次
    sleep(1);
}
?>

步骤 2: 创建客户端 HTML 和 JavaScript

客户端需要一个HTML文件来接收这些事件流，并且使用JavaScript来处理这些事件。

html
<!DOCTYPE html>
<html>
<head>
    <title>Server Sent Events Example</title>
</head>
<body>
    <h1>Real Time Server Clock using SSE</h1>
    <div id="server_time"></div>

    <script>
        if (typeof(EventSource) !== "undefined") {
            var source = new EventSource("server-time.php");
            
            source.onmessage = function(event) {
                document.getElementById("server_time").innerHTML = event.data;
            };
        } else {
            document.getElementById("server_time").innerHTML = "Sorry, your browser does not support server-sent events...";
        }
    </script>
</body>
</html>

注意事项

持续连接: SSE连接是一个持续的连接，服务器需要一直运行脚本来发送数据。
重连机制: 浏览器会在连接断开后自动尝试重新连接。
性能考虑: 如果有大量客户端同时连接，服务器将会承受较大负荷。使用Node.js等更适合处理实时数据的技术可能是更好的选择。
兼容性: 并非所有浏览器都原生支持SSE，尤其是旧的浏览器版本。

通过使用PHP和SSE，我们可以在不使用更复杂的WebSocket的情况下实现简单的实时通讯功能。这种方法在多数现代浏览器上表现良好，并且实现起来相对简单。

2024年8月15日 20:27 回复

1个答案

步骤 1: 设置服务器端

步骤 2: 创建客户端 HTML 和 JavaScript

注意事项

你的答案