現在の位置: ホーム> 最新記事一覧> PHPを使用してサーバー側のプッシュおよびリアルタイム通信を実装する方法(SSEテクニカルチュートリアル)

PHPを使用してサーバー側のプッシュおよびリアルタイム通信を実装する方法(SSEテクニカルチュートリアル)

M66 2025-07-08

PHPを使用してサーバー側のプッシュおよびリアルタイム通信を実装する方法

テクノロジーの急速な発展とインターネットアプリケーションの普及により、リアルタイムコミュニケーションは徐々にWebアプリケーションの重要な部分になりました。サーバー側のプッシュテクノロジーを使用すると、開発者はクライアントによるアクティブなリクエストを必要とせずに、リアルタイムの更新データをクライアントに直接送信できます。サーバーとクライアント間のリアルタイムのやり取りにより、ユーザーエクスペリエンスとアプリケーションのパフォーマンスを改善できます。

PHPでは、さまざまなテクノロジーを使用して、WebSocket、Long Polling、Server-Sentイベント(SSE)などのサーバー側のプッシュとリアルタイム通信を実現できます。この記事では、サーバーセントイベント(SSE)を通じてこの機能を実装する方法に焦点を当てます。

サーバーセントイベント(SSE)とは

サーバーセントイベント(SSE)は、サーバーからクライアントへのデータのプッシュをサポートするHTTPプロトコルベースのテクノロジーです。 Websocketとは異なり、SSEはデータフローがサーバーからクライアントにプッシュされる一方向通信モードです。このテクノロジーは、リアルタイム通知、ライブブロードキャストの更新、動的データ表示、その他のシナリオに非常に適しています。

PHPにSSEプッシュを実装します

まず、PHPにSSEプッシュサービスを設定する必要があります。これがPHPコードの例です。

 <?php
header("Content-Type: text/event-stream");
header("Cache-Control: no-cache");
header("Connection: keep-alive");

// データをクライアントサイクルにプッシュします
while (true) {
    // データベースまたは他のデータソースからデータを取得します
    $data = getData();

    // クライアントにデータを送信します
    echo "data: " . json_encode($data) . "\n\n";
    ob_flush();
    flush();

    // データプッシュの速度を制御します
    sleep(1);
}

// データを取得する方法
function getData() {
    // ここで、ビジネスのニーズに応じてデータベースまたはその他のデータソースを照会できます
    $data = array(
        'message' => 'Hello, SSE!',
        'time' => time()
    );
    return $data;
}
?>

上記のコードでは、最初にHTTPヘッダーを設定することによりSSEデータストリームが返されることをブラウザに伝えます。次に、無限のループで、データはデータソース(データベースなど)から取得され、JSON形式にエンコードされ、PHPの「Echo」ステートメントを介してクライアントに送信されます。各データが送信されたら、 `ob_flush()`および `flush()`を呼び出して、データがタイムリーにクライアントに送信されるようにします。データの頻度を制御します `sleep()`関数を通過します。

クライアントはデータを受け取ります

サーバーによってプッシュされたデータを受信するには、クライアントはJavaScriptの「EventSource」オブジェクトを使用してサーバーとの接続を確立する必要があります。これが簡単なHTMLおよびJavaScriptコードの例です。

 <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>SSE Demo</title>
</head>
<body>
    <div id="message"></div>
    <script>
        var eventSource = new EventSource("push.php");

        eventSource.onmessage = function(event) {
            var data = JSON.parse(event.data);
            document.getElementById("message").innerHTML = data.message;
        };
    </script>
</body>
</html>

このクライアントの例では、「eventSource」オブジェクトを作成し、サーバーからデータを取得するためのURLを指定します(ここに `push.php`)。サーバーが新しいデータをプッシュすると、「onmessage」イベントが起動され、受信したデータが解析され、Webページに表示されます。

要約します

この記事の導入を通じて、PHPを使用してサーバー側のプッシュとリアルタイムの通信を実装する方法を学びました。サーバーセントイベント(SSE)テクノロジーを使用すると、複雑なWebSocket構成を必要とせずに、リアルタイムの更新データをクライアントに簡単にプッシュできます。 SSEは、リアルタイムのデータプッシュ機能を構築するためのシンプルで効率的なソリューションを提供します。

このテクノロジーのアプリケーションは、Webアプリケーションのリアルタイムインタラクティブ性を改善するだけでなく、サーバーの負担を効果的に軽減することもでき、リアルタイムの更新が必要なさまざまなシナリオに適しています。この記事がPHPリアルタイムコミュニケーションを実現するのに役立つことを願っています。