PHP を使用して Websocket を開発し、リアルタイムメッセージプッシュシステムを作成する-PHPチュートリアル-php.cn

PHP を使用して Websocket を開発し、リアルタイムメッセージプッシュシステムを作成する

PHPz

リリース： 2023-12-02 09:20:01

オリジナル

746 人が閲覧しました

PHP を使用して Websocket を開発し、リアルタイムメッセージプッシュシステムを作成する

PHP を使用して WebSocket を開発し、リアルタイムメッセージプッシュシステムを作成する

はじめに
WebSocket とは何ですか?
開発環境の準備
PHP 7.0: この記事ではサーバー側言語として PHP を使用しており、PHP の言語を使用する必要があります。 WebSocket 拡張機能。
Apache または Nginx: Web サーバーとして、クライアントとサーバー間の WebSocket 接続を確立するために使用されます。
WebSocket クライアント: WebSocket をサポートする任意のブラウザまたはデバッグツールを使用できます。
サーバー側のコード例

// 创建WebSocket服务器实例，监听指定端口
$server = new SwooleWebSocketServer('0.0.0.0', 9501);

// 监听WebSocket连接打开事件
$server->on('open', function (SwooleWebSocketServer $server, SwooleHttpRequest $request) {
    echo "WebSocket连接打开
";
});

// 监听WebSocket消息事件
$server->on('message', function (SwooleWebSocketServer $server, SwooleWebSocketFrame $frame) {
    echo "收到消息：{$frame->data}
";
    // 推送消息给所有连接的客户端
    $server->push($frame->fd, "服务器收到消息：{$frame->data}");
});

// 监听WebSocket连接关闭事件
$server->on('close', function (SwooleWebSocketServer $server, int $fd) {
    echo "WebSocket连接关闭
";
});

// 启动WebSocket服务器
$server->start();

ログイン後にコピー

上記のコードは、Swoole 拡張機能を使用して WebSocket サーバーインスタンスを作成し、ポート 9501 をリッスンします。クライアントが接続するか、メッセージを送信するか、接続を閉じるたびに、対応するイベントハンドラーがトリガーされます。

クライアントコードの例

<!DOCTYPE html>
<html>
<head>
    <title>WebSocket示例</title>
</head>
<body>
    <script type="text/javascript">
        // 创建WebSocket对象，与服务器建立连接
        var ws = new WebSocket('ws://localhost:9501');

        // 监听WebSocket连接打开事件
        ws.onopen = function () {
            console.log('WebSocket连接已打开');
        };

        // 监听WebSocket消息事件
        ws.onmessage = function (event) {
            console.log('收到消息：' + event.data);
        };

        // 监听WebSocket连接关闭事件
        ws.onclose = function () {
            console.log('WebSocket连接已关闭');
        };

        // 发送消息
        function sendMessage() {
            var message = document.getElementById('message').value;
            ws.send(message);
        }
    </script>

    <input type="text" id="message" placeholder="输入消息" />
    <button onclick="sendMessage()">发送消息</button>
</body>
</html>

ログイン後にコピー

上記のコードは、ブラウザ側で JavaScript を使用して WebSocket オブジェクトを作成し、サーバーとの接続を確立します。 WebSocket イベントをリッスンすることで、メッセージの受信、送信、接続クロージャのキャプチャなどの機能を実装できます。