Swoole の動作: WebSocket に基づいてチャットルームをすばやく作成します-Swoole-php.cn

ホームページ

PHPフレームワーク

Swoole

Swoole の動作: WebSocket に基づいてチャットルームをすばやく作成します

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 14, 2023 pm 04:20 PM

websocket チャットルーム swoole

インターネット時代において、チャットルームは人々がコミュニケーションし交流するための重要な場所になりました。 WebSocket テクノロジーの登場により、リアルタイム通信がよりスムーズかつ安定しました。今回は、Swoole フレームワークを使用して WebSocket ベースのチャットルームをすばやく構築する方法を紹介します。

Swoole は、C 言語で書かれた高性能 PHP コルーチンネットワーク通信フレームワークで、非同期 IO、コルーチン、ネットワーク通信、その他の機能を統合し、PHP コードを Node.js イベント駆動型と同じくらい効率的に処理できるようにします。非同期同時プログラミング。 Swoole は、同時実行性の高いネットワークアプリケーションを開発するための重要なツールであると言えます。

以下では、Swoole を使用して WebSocket に基づいたチャットルームを実装し、複数人のオンラインチャットをサポートする方法を段階的に紹介します。

環境の準備

開始する前に、Swoole 拡張機能がインストールされ、WebSocket サポートが有効になっていることを確認する必要があります。

インストール方法は次のとおりです:

pecl install swoole

ログイン後にコピー

またはコンパイルしてインストールします:

wget https://pecl.php.net/get/swoole-{version}.tgz

tar xzvf swoole-{version}.tgz

cd swoole-{version}

phpize

./configure --enable-async-redis --enable-coroutine --enable-openssl --enable-http2 --enable-sockets

make && make install

ログイン後にコピー

Docker を使用する場合は、Dockerfile に次のステートメントを追加できます。

RUN pecl install swoole 
    && docker-php-ext-enable swoole 
    && docker-php-ext-install pcntl

ログイン後にコピー

まず、チャットルームにメッセージを送信するためのページを作成する必要があります。コードは次のとおりです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WebSocket ChatRoom Demo</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .container {
            margin: 30px auto;
            width: 800px;
            height: 600px;
            border: 1px solid #aaa;
            border-radius: 5px;
            overflow: hidden;
        }
        .message-box {
            width: 800px;
            height: 500px;
            border-bottom: 1px solid #aaa;
            overflow-y: scroll;
        }
        .input-box {
            width: 800px;
            height: 100px;
            border-top: 1px solid #aaa;
        }
        .input-text {
            width: 600px;
            height: 80px;
            margin: 10px;
            padding: 10px;
            font-size: 20px;
            border-radius: 5px;
            border: 1px solid #aaa;
            outline: none;
        }
        .send-btn {
            width: 100px;
            height: 100%;
            margin: 0 10px;
            background-color: #4CAF50;
            border: none;
            color: white;
            font-size: 18px;
            border-radius: 5px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="message-box"></div>
        <div class="input-box">
            <textarea class="input-text"></textarea>
            <button class="send-btn">Send</button>
        </div>
    </div>
    <script>
        // 初始化WebSocket
        let socket = new WebSocket('ws://localhost:9502');

        // 监听连接成功事件
        socket.onopen = function (event) {
            console.log('WebSocket connection established.');
        }

        // 监听服务端发送的消息
        socket.onmessage = function (event) {
            let message_box = document.querySelector('.message-box');
            message_box.innerHTML += `<p>${event.data}</p>`;
            message_box.scrollTop = message_box.scrollHeight;
        }

        // 监听连接关闭事件
        socket.onclose = function (event) {
            console.log('WebSocket connection closed.');
        }

        // 发送消息
        let send_btn = document.querySelector('.send-btn');
        let input_text = document.querySelector('.input-text');
        send_btn.addEventListener('click', function (event) {
            if (input_text.value.trim() == '') return;
            socket.send(input_text.value);
            input_text.value = '';
        });
    </script>
</body>
</html>

ログイン後にコピー

このコードでは、チャットルームページをメッセージ表示ボックスとメッセージ入力ボックスの 2 つの部分に分割します。同時に、WebSocket 接続とメッセージ送信の関連ロジックも定義します。

ローカル環境にデプロイする場合、

WebSocket のアドレスを localhost ではなくローカル IP アドレスに変更する必要があることに注意してください。オンライン環境を使用する場合は、WebSocket アドレスをサーバーのパブリック IP に変更する必要があります。

次に、サーバー側のコードを記述します。 Swoole が提供するクラスライブラリを利用すると、WebSocket サーバーを簡単に作成できます。コードは次のとおりです。

<?php
// 创建WebSocket服务器
$server = new SwooleWebsocketServer("0.0.0.0", 9502);

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

// 监听WebSocket消息事件
$server->on('message', function (SwooleWebsocketServer $server, $frame) {
    echo "received message: {$frame->data}
";

    // 广播消息
    foreach ($server->connections as $fd) {
        $server->push($fd, $frame->data);
    }
});

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

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

ログイン後にコピー

まず、WebSocket サーバーを作成し、アドレス

0.0.0.0:9502 にバインドして、クライアントの接続を待機します。 WebSocket の接続開始、メッセージ、接続終了の 3 つのイベントは on メソッドを通じて監視され、これら 3 つのイベントの処理ロジックが実装されています。

open イベントでは、Swoole によって記録されたクライアント fd を使用してコンソールに出力します。

message イベントでは、クライアントから情報を取得し、echo を使用してそれをコンソールに出力し、foreach Traverse を渡します。接続を確立し、すべてのクライアントにメッセージをブロードキャストするクライアント。

close イベントでは、Swoole によって記録されたクライアント fd を再度使用し、コンソールに出力します。

最後に、

start メソッドを使用して WebSocket サーバーを起動します。

これまで、WebSocket に基づいた複数人オンラインチャットルームを実装してきました。クライアントページでは、任意のメッセージを送信でき、メッセージはすべてのオンラインクライアントにブロードキャストされて表示されます。

Swoole フレームワークを通じて、効率的な WebSocket サーバーを簡単に作成できます。これは、高性能、低遅延、信頼性の高いリアルタイム通信を実現する便利な手段を提供します。

以上がSwoole の動作: WebSocket に基づいてチャットルームをすばやく作成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7563

CakePHP チュートリアル

1385

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

PHPとWebSocketを使ってリアルタイム通信を実現する方法 Dec 17, 2023 pm 10:24 PM

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

PHP と WebSocket: リアルタイムデータ転送のベストプラクティス Dec 18, 2023 pm 02:10 PM

PHP と WebSocket: リアルタイムデータ転送のベストプラクティス方法はじめに: Web アプリケーション開発では、リアルタイムデータ転送は非常に重要な技術要件です。従来の HTTP プロトコルは要求応答モデルのプロトコルであり、リアルタイムのデータ送信を効果的に実現できません。リアルタイムデータ送信のニーズを満たすために、WebSocket プロトコルが登場しました。 WebSocket は、単一の TCP 接続上で全二重通信を行う方法を提供する全二重通信プロトコルです。 Hと比べて

Java Websocket はオンラインホワイトボード機能をどのように実装しますか? Dec 17, 2023 pm 10:58 PM

JavaWebsocket はオンラインホワイトボード機能をどのように実装しますか?現代のインターネット時代では、人々はリアルタイムのコラボレーションと対話の経験にますます注目しています。オンラインホワイトボードは、Websocketをベースに実装された機能で、複数のユーザーがリアルタイムで共同作業して同じ描画ボードを編集し、描画や注釈などの操作を完了できるようにし、オンライン教育、リモート会議、チームコラボレーション、他のシナリオ。 1. 技術的背景 WebSocket は HTML5 で提供される新しいプロトコルです。

Laravelでswooleコルーチンを使用する方法 Apr 09, 2024 pm 06:48 PM

Laravel で Swoole コルーチンを使用すると、大量のリクエストを同時に処理でき、次のような利点があります: 同時処理: 複数のリクエストを同時に処理できます。高いパフォーマンス: Linux の epoll イベントメカニズムに基づいて、リクエストを効率的に処理します。低リソース消費: 必要なサーバーリソースが少なくなります。統合が簡単: Laravel フレームワークとのシームレスな統合が可能で、使いやすいです。

SSE と WebSocket Apr 17, 2024 pm 02:18 PM

この記事では、どちらも信頼できるデータ配信方法である Server Sent Events (SSE) と WebSocket を比較します。通信方向、基盤となるプロトコル、セキュリティ、使いやすさ、パフォーマンス、メッセージ構造、使いやすさ、テストツールを含む 8 つの側面で分析します。これらの側面の比較は次のように要約されます。カテゴリサーバー送信イベント (SSE) WebSocket の通信方向単方向双方向基礎となるプロトコル HTTP WebSocket プロトコルのセキュリティ HTTP と同じ既存のセキュリティの脆弱性使いやすさセットアップが簡単セットアップが複雑パフォーマンスが速いメッセージ送信速度が高いメッセージ処理の影響を受けるおよび接続管理メッセージ構造プレーンテキストまたはバイナリ使いやすさ広く利用可能 WebSocket の統合に役立つ

Java と WebSocket を使用してリアルタイムの株価プッシュを実装する方法 Dec 17, 2023 pm 09:15 PM

Java と WebSocket を使用してリアルタイム株価プッシュを実装する方法はじめに: インターネットの急速な発展に伴い、リアルタイム株価プッシュは投資家の注目の 1 つとなっています。従来の株式市場のプッシュ方式では、遅延が大きい、更新速度が遅いなどの問題があり、投資家にとって最新の株式市場情報をタイムリーに入手できないことは、投資判断の誤りにつながる可能性があります。 Java と WebSocket に基づくリアルタイムの株価プッシュはこの問題を効果的に解決し、投資家が最新の株価情報をできるだけ早く入手できるようにします。

golang WebSocket プログラミングのヒント: 同時接続の処理 Dec 18, 2023 am 10:54 AM

Golang は強力なプログラミング言語であり、WebSocket プログラミングでの Golang の使用が開発者の間でますます評価されています。 WebSocket は、クライアントとサーバー間の双方向通信を可能にする TCP ベースのプロトコルです。この記事では、Golang を使用して、複数の同時接続を同時に処理する効率的な WebSocket サーバーを作成する方法を紹介します。テクニックを紹介する前に、まず WebSocket とは何かを学びましょう。 WebSocketWeb の概要

Golang でのファイル転送に WebSocket を使用する方法 Dec 18, 2023 am 09:06 AM

golang で WebSocket を使用してファイル転送を行う方法 WebSocket は、双方向通信をサポートし、ブラウザとサーバーの間に永続的な接続を確立できるネットワークプロトコルです。 golang では、サードパーティのライブラリ Gorilla/websocket を使用して WebSocket 機能を実装できます。この記事では、ファイル転送に golang と Gorilla/WebSocket ライブラリを使用する方法を紹介します。まず、ゴリラをインストールする必要があります

See all articles

Swoole の動作: WebSocket に基づいてチャットルームをすばやく作成します

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック

Swoole の動作: WebSocket に基づいてチャット ルームをすばやく作成します

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック

Swoole の動作: WebSocket に基づいてチャットルームをすばやく作成します