ホームページ > 記事 > バックエンド開発 > PHP を使用して Websocket を開発し、リアルタイムメッセージプッシュシステムを作成する

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

PHPzオリジナル: 2023-12-02 09:17:30706ブラウズ

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 イベントをリッスンすることで、メッセージの受信、送信、接続クロージャのキャプチャなどの機能を実装できます。

実行とテスト

これで、クライアントページにメッセージを入力して送信できるようになります。サーバーは対応するメッセージを受信して応答します。同時に、受信したメッセージがクライアントページに表示されます。

概要

WebSocket のリアルタイム通信機能は、Web 開発の可能性をさらに広げ、特にチャットアプリケーション、リアルタイムの監視、通知などのシナリオに適しています。この記事は、WebSocket 開発を開始し、より多くの創造性とアイデアを刺激するのに役立つと信じています。 ###

以上がPHP を使用して Websocket を開発し、リアルタイムメッセージプッシュシステムを作成するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php JavaScript nginx swoole 并发对象事件 apache http websocket

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：phpとWebsocketを利用したリアルタイムデータ同期機能の開発次の記事：phpとWebsocketを利用したリアルタイムデータ同期機能の開発

続きを見る

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

関連記事

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