How do I implement Server Sent Events in PHP?

In PHP, implementing Server-Sent Events (SSE) enables the server to push information to the browser in real-time without the browser constantly polling the server for updates. This is primarily used for real-time communication scenarios, such as stock market updates and news push notifications. Below are the steps to implement Server-Sent Events in PHP:

Step 1: Setting Up the Server

First, create a PHP script that sends event streams to the client. This script must set the correct headers and continuously transmit data.

php
<?php
// Set header for event stream
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

// Create a loop to send data periodically
while (true) {
    // Retrieve data to send; here, the current time is used as an example
    $time = date('r');
    
    // Send the event
    echo "data: The server time is: {$time}\n\n";
    
    // Flush the output buffer and send buffered data
    ob_flush();
    flush();
    
    // Send data once per second
    sleep(1);
}
?>

Step 2: Creating Client HTML and JavaScript

The client requires an HTML file to receive event streams and JavaScript to process them.

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>

Notes

Persistent Connection: SSE establishes a persistent connection; the server must keep the script running to continuously send data.
Reconnection Mechanism: Browsers automatically attempt to reconnect after a connection is lost.
Performance Considerations: With many clients connected simultaneously, the server may experience significant load. Technologies like Node.js, which are better suited for real-time data handling, may be preferable.
Compatibility: Not all browsers natively support SSE, particularly older versions.

By using PHP and SSE, simple real-time communication can be implemented without relying on more complex technologies like WebSocket. This approach works well on most modern browsers and is relatively straightforward to implement.

2024年8月15日 20:27 回复

1个答案

Step 1: Setting Up the Server

Step 2: Creating Client HTML and JavaScript

Notes

你的答案