PHPとWebSocketを使ってリアルタイム通信を実現する方法-PHPチュートリアル-php.cn

PHPとWebSocketを使ってリアルタイム通信を実現する方法

WBOY

リリース： 2023-12-17 22:26:01

オリジナル

1455 人が閲覧しました

PHPとWebSocketを使ってリアルタイム通信を実現する方法

インターネット技術の継続的な発展により、リアルタイム通信は日常生活に欠かせないものになりました。 WebSocket テクノロジーを使用すると、効率的で低遅延のリアルタイム通信を実現できます。また、インターネット分野で最も広く使用されている開発言語の 1 つである PHP も、対応する WebSocket サポートを提供します。この記事では、PHP と WebSocket を使用してリアルタイム通信を実現する方法と、具体的なコード例を紹介します。

1. WebSocket とは

WebSocket は、単一の TCP 接続で全二重通信を行うためのプロトコルです。 HTTP プロトコルとは異なり、WebSocket 接続が確立された後は、HTTP 要求と応答を介して対話することなく、サーバーとクライアントの間でデータを直接交換できます。これにより、WebSocket は低遅延で高効率のリアルタイム通信を実現でき、オンラインゲーム、チャットルーム、および高い同時実行性とリアルタイムインタラクションを必要とするその他のシナリオに適しています。

2. PHP による WebSocket のサポート方法

PHP は、Ratchet、Wrench など、WebSocket を実装するためのいくつかのライブラリとフレームワークを提供します。これらのライブラリとフレームワークは、PHP 拡張機能 Swoole に基づいて実装されています。Swoole は、非同期 IO、コルーチンなどの機能をサポートする、PHP 用の高性能ネットワーク通信フレームワークです。高同時実行性、高性能 Web サーバー、ゲームの構築に適しています。サーバーやその他のアプリケーション。

この記事では、Ratchet ライブラリを使用して WebSocket を実装します。 Ratchet は、標準ベースの RFC6455 WebSocket プロトコルの実装を提供し、使いやすさ、柔軟性、および高い拡張性の特徴を備えています。同時に、Ratchet は STOMP、WAMP などの WebSocket サブプロトコルもサポートしており、開発者がすぐに開始できるように完全なドキュメントとサンプルコードを提供します。

3. リアルタイム通信を実現するサンプルコード

以下では、単純なチャットルームアプリケーションを使用して、PHP と WebSocket を使用してリアルタイム通信を実現する方法を示します。

Ratchet のインストール

Ratchet をローカルまたはサーバー側にインストールします。Composer を通じてインストールできます:

composer require cboden/ratchet

ログイン後にコピー

WebSocket サーバーの書き込み

次のコードを使用して PHP ファイルserver.php を作成します。

<?php
require dirname(__DIR__) . '/vendor/autoload.php';

use RatchetMessageComponentInterface;
use RatchetConnectionInterface;
use RatchetWebSocketMessageComponentTrait;

class Chat implements MessageComponentInterface
{
    use MessageComponentTrait;

    protected $clients;

    public function __construct()
    {
        $this->clients = new SplObjectStorage();
    }

    public function onOpen(ConnectionInterface $conn)
    {
        $this->clients->attach($conn);
        echo "New connection! ({$conn->resourceId})
";
    }

    public function onClose(ConnectionInterface $conn)
    {
        $this->clients->detach($conn);
        echo "Connection {$conn->resourceId} has disconnected
";
    }

    public function onError(ConnectionInterface $conn, Exception $e)
    {
        echo "An error has occurred: {$e->getMessage()}
";
        $conn->close();
    }

    public function onMessage(ConnectionInterface $from, $msg)
    {
        foreach ($this->clients as $client) {
            if ($from !== $client) {
                $client->send($msg);
            }
        }
    }
}

$server = new RatchetWebSocketWsServer(new Chat());
$loop = ReactEventLoopFactory::create();
$socket = new ReactSocketServer('0.0.0.0:8080', $loop);
$server = new RatchetServerIoServer($server, $socket, $loop);
echo "Server started
";
$server->run();

ログイン後にコピー

上記のコードは、ポート 8080 でリッスンし、クライアント接続を待機する単純なチャットルームサーバーを作成します。クライアントが接続すると、onOpen メソッドが呼び出され、クライアント接続オブジェクトが ObjectStorage オブジェクトに保存されます。クライアントがメッセージを送信すると、onMessage メソッドが呼び出され、サーバーに接続されているすべてのクライアントにメッセージが送信されます。クライアントが切断すると、onClose メソッドが呼び出され、ObjectStorage オブジェクトからクライアント接続オブジェクトが削除されます。

WebSocket クライアントの作成

次のコードを使用して HTML ファイル client.html を作成します。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Chat Room</title>
    <style>
        #messages {
            margin-bottom: 10px;
            padding: 5px;
            border: 1px solid #ddd;
            overflow-y: scroll;
            height: 200px;
        }
    </style>
</head>
<body>
    <div>
        <input type="text" id="input-message" placeholder="Write a message...">
        <button id="btn-send">Send</button>
    </div>
    <div id="messages"></div>

    <script>
        var conn = new WebSocket('ws://localhost:8080');
        var messages = document.getElementById('messages');
        var inputMessage = document.getElementById('input-message');
        var btnSend = document.getElementById('btn-send');

        conn.onopen = function(e) {
            messages.innerHTML += '<div>Connected to server</div>'
        };

        conn.onmessage = function(e) {
            messages.innerHTML += '<div>' + e.data + '</div>'
        };

        conn.onerror = function(e) {
            console.log('An error occurred: ' + e.data);
        };

        conn.onclose = function(e) {
            messages.innerHTML += '<div>Connection closed</div>'
        };

        btnSend.onclick = function() {
            if (inputMessage.value) {
                conn.send(inputMessage.value);
                inputMessage.value = '';
            }
        };

        inputMessage.addEventListener('keydown', function(e) {
            if (e.keyCode === 13 && inputMessage.value.trim()) {
                conn.send(inputMessage.value);
                inputMessage.value = '';
            }
        });
    </script>
</body>
</html>

ログイン後にコピー

上記のコードは、単純なチャットルームを作成します。 WebSocket を介してサーバーとの接続を確立し、サーバーのメッセージをリッスンします。ユーザーがテキストボックスにメッセージを入力し、送信ボタンをクリックするか Enter キーを押すと、メッセージがサーバーに送信され、チャットウィンドウに表示されます。

WebSocket サーバーとクライアントを実行します

ターミナルで WebSocket サーバーを起動します:

php server.php

ログイン後にコピー

Web ブラウザでクライアントページ client.html を開きます、メッセージを入力して送信すると、メッセージがサーバーに送信され、サーバーに接続されている他のクライアントが同じメッセージを受信することがわかります。このようにして、PHPとWebSocketを利用したリアルタイム通信の実装に成功しました。

4. 概要

WebSocket は、効率的で低遅延のリアルタイム通信プロトコルとして、リアルタイム対話の新しい方法を提供します。同時に、PHP は豊富な WebSocket サポートライブラリとフレームワークを提供し、効率的で高速かつ安定した WebSocket アプリケーションを簡単に構築できるようにします。この記事が、WebSocket テクノロジをよりよく理解して使用し、よりリアルタイムの通信アプリケーションを実装するのに役立つことを願っています。

以上がPHPとWebSocketを使ってリアルタイム通信を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。