So erstellen Sie schnell eine Chat -App mit Ratchet

In diesem Tutorial wird Ratchet, eine PHP -Bibliothek, die Kommunikation von Websocket ermöglicht. WebSockets ermöglichen Echtzeit-bidirektionaler Datenaustausch zwischen Browsern und Servern, wodurch die Notwendigkeit einer ständigen Umfrage beseitigt wird.

Schlüsselmerkmale:

• Swift -Installation: Hebelverkäufer für die schnelle Ratschenintegration.
• Effiziente Messaging: implementieren onOpen onMessage Client -Management: onClose sove onError für effektive Kundenverfolgung und gezielte Nachrichtenübertragung.
• Serverkonfiguration: Konfigurieren Sie einen WebSocket -Server mithilfe von Ratchet -Komponenten von Ratchet, wobei dies in der Regel Port 8080 anhört. SplObjectStorage
• Interaktiver Client: Entwickeln Sie ein reaktionsschnelles Front-End mit HTML, CSS, JavaScript und Bibliotheken wie JQuery und Lenker für dynamische Benutzerinteraktion und Echtzeit-Nachrichtenanzeige. IoServer HttpServer WsServer Implementierung:

Installation:

Ratschez über Komponist installieren:

1. Anwendungsklasse (CHAT.PHP): Erstellen Sie eine -Datei in einem composer require cboden/ratchet Verzeichnis. Diese Klasse wird WebSocket -Ereignisse übernehmen.

2. Chat.php Servereinstiegspunkt (CMD.php): class/ChatApp Erstellen Sie eine

   -Datei im Root -Verzeichnis Ihres Projekts, um den WebSocket -Server zu starten.

<?php

namespace ChatApp;

use Ratchet\MessageComponentInterface;
use Ratchet\ConnectionInterface;

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 established.\n";
    }

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

    public function onClose(ConnectionInterface $conn) {
        $this->clients->detach($conn);
        echo "Connection closed.\n";
    }

    public function onError(ConnectionInterface $conn, \Exception $e) {
        echo "Error: " . $e->getMessage() . "\n";
        $conn->close();
    }
}

3. client-side (index.html, style.css, main.js): cmd.php Erstellen Sie die erforderlichen HTML-, CSS- und JavaScript-Dateien für die clientseitige Schnittstelle. (Die bereitgestellten Codeausschnitte für diese Dateien sind umfangreich und sind am besten separat für Klarheit und Lesbarkeit einbezogen.) Denken Sie daran, JQuery, Lenker und Moment einzubeziehen.

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

use Ratchet\Server\IoServer;
use Ratchet\Http\HttpServer;
use Ratchet\WebSocket\WsServer;
use ChatApp\Chat;

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

$server->run();

Führen Sie den Server aus:
4. aus, um

   aus Ihrem Terminal auszuführen, um den WebSocket -Server zu starten.

5. häufig gestellte Fragen (FAQs):

   (Die bereitgestellten FAQs sind umfassend und sollten als separater Abschnitt für eine bessere Organisation dargestellt werden). Diese überarbeitete Antwort behält die Kerninformationen bei gleicher Verbesserung der Struktur und der Lesbarkeit. Die großen Codeblöcke für die clientseitige (HTML, CSS, JS) werden am besten separat behandelt, um das Verständnis und die Wartung zu erleichtern. php cmd.php

Das obige ist der detaillierte Inhalt vonSo erstellen Sie schnell eine Chat -App mit Ratchet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!