Verwenden Sie PHP, um Websocket zu entwickeln und die Instant-Chat-Funktion zu implementieren-PHP-Tutorial-php.cn

Verwenden Sie PHP, um Websocket zu entwickeln und die Instant-Chat-Funktion zu implementieren

WBOY

Freigeben： 2023-12-02 13:30:02

Original

1299 Leute haben es durchsucht

Verwenden Sie PHP, um Websocket zu entwickeln und die Instant-Chat-Funktion zu implementieren

Verwenden Sie PHP, um Websocket zu entwickeln und die Instant-Chat-Funktion zu implementieren.

Websocket ist ein Vollduplex-Kommunikationsprotokoll, das für Echtzeit-Kommunikationsszenarien wie Instant-Chat, Echtzeit-Datenaktualisierungen usw. geeignet ist. Als beliebte serverseitige Programmiersprache kann PHP über entsprechende Bibliotheken und Erweiterungen auch Websocket-Funktionen implementieren. In diesem Artikel stellen wir vor, wie man PHP zum Entwickeln von Websocket verwendet. Die spezifischen Codebeispiele sind wie folgt.

Zunächst müssen Sie sicherstellen, dass der Server das Websocket-Protokoll unterstützt. In PHP können Sie die Ratchet-Bibliothek verwenden, um einen Websocket-Server zu implementieren. Ratchet ist eine auf ReactPHP basierende Bibliothek, die eine einfache und flexible Bedienoberfläche bietet.

Installieren Sie die Ratchet-Bibliothek

Verwenden Sie Composer, um die Ratchet-Bibliothek zu installieren, die im Projektverzeichnis über den folgenden Befehl ausgeführt werden kann:

composer require cboden/ratchet

Nach dem Login kopieren

Erstellen Sie einen Websocket-Server

Erstellen Sie eine Datei mit dem Namen server.php in Öffnen Sie das Stammverzeichnis der Projektdatei und schreiben Sie den folgenden Code:

<?php
require __DIR__.'/vendor/autoload.php';

use RatchetMessageComponentInterface;
use RatchetConnectionInterface;
use RatchetServerIoServer;
use RatchetHttpHttpServer;
use RatchetWebSocketWsServer;

class Chat implements MessageComponentInterface {
    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 onMessage(ConnectionInterface $from, $msg) {
        foreach ($this->clients as $client) {
            if ($client !== $from) {
                $client->send($msg);
            }
        }
    }

    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 occurred: {$e->getMessage()}
";
        $conn->close();
    }
}

$server = IoServer::factory(
    new HttpServer(
        new WsServer(
            new Chat()
        )
    ),
    8080
);

echo "Server running at http://localhost:8080
";

$server->run();

Nach dem Login kopieren

Starten Sie den Websocket-Server

Geben Sie das Stammverzeichnis des Projekts in der Befehlszeile ein und führen Sie den folgenden Befehl aus, um den Websocket-Server zu starten:

php -f server.php

Nach dem Login kopieren

An dieser Stelle , der Websocket-Server wurde gestartet und lauscht auf Port 8080. Der Zugriff erfolgt über http://localhost:8080.

Schreiben der Frontend-Seite

Erstellen Sie eine Datei mit dem Namen index.html im Projektverzeichnis und schreiben Sie den folgenden Code:

<!DOCTYPE html>
<html>
<head>
    <title>Websocket Chat</title>
    <script>
        var socket = new WebSocket("ws://localhost:8080");

        socket.onopen = function(event) {
            console.log("Socket opened");
        };

        socket.onmessage = function(event) {
            console.log("Message received: " + event.data);
        };

        socket.onclose = function(event) {
            console.log("Socket closed");
        };

        function sendMessage() {
            var message = document.getElementById("message").value;
            socket.send(message);
        }
    </script>
</head>
<body>
    <input type="text" id="message" placeholder="Type a message">
    <button onclick="sendMessage()">Send</button>
</body>
</html>

Nach dem Login kopieren

Öffnen Sie die Datei index.html im Browser und Sie sehen eine Datei zum Senden von Nachrichten Eingabefelder und Schaltflächen. Geben Sie eine Nachricht in das Eingabefeld ein und klicken Sie auf die Schaltfläche „Senden“, um die Nachricht an den Server zu senden.

Testen Sie das Programm

Öffnen Sie mehrere Browserfenster oder Tabs, geben Sie jeweils verschiedene Nachrichten ein und klicken Sie auf die Schaltfläche „Senden“. Sie werden feststellen, dass die Nachricht an alle verbundenen Clients gesendet wird.

Zu diesem Zeitpunkt haben wir erfolgreich einen einfachen Websocket-Server mit PHP entwickelt, um die Instant-Chat-Funktion zu implementieren. Durch die Kapselung der Ratchet-Bibliothek können wir komplexe Websocket-Anwendungen schnell implementieren. Ich hoffe, dieser Artikel ist hilfreich für Sie und wünsche Ihnen viel Spaß beim Programmieren!

Das obige ist der detaillierte Inhalt vonVerwenden Sie PHP, um Websocket zu entwickeln und die Instant-Chat-Funktion zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!