Memahami WebSockets dalam PHP-tutorial php-php.cn

Understanding WebSockets in PHP

WebSockets menyediakan saluran komunikasi dupleks penuh masa nyata melalui satu sambungan TCP. Tidak seperti HTTP, di mana pelanggan menghantar permintaan kepada pelayan dan menunggu respons, WebSockets membenarkan komunikasi berterusan antara klien dan pelayan tanpa memerlukan berbilang permintaan. Ini sesuai untuk aplikasi yang memerlukan kemas kini masa nyata, seperti aplikasi sembang, pemberitahuan langsung dan permainan dalam talian.

Dalam panduan ini, kami akan meneroka WebSockets, cara ia berfungsi dan cara melaksanakannya dalam PHP.

Apakah itu WebSockets?

WebSockets membolehkan komunikasi interaktif antara penyemak imbas web (atau mana-mana pelanggan lain) dan pelayan. Berikut ialah aspek utama WebSockets:

Komunikasi Dupleks Penuh: Kedua-dua pelanggan dan pelayan boleh menghantar mesej antara satu sama lain pada bila-bila masa, menjadikan sambungan lebih cekap daripada tinjauan HTTP tradisional.
Sambungan Berterusan: Setelah diwujudkan, sambungan WebSocket kekal terbuka sehingga ia ditutup secara eksplisit oleh sama ada klien atau pelayan.
Kependaman Rendah: Oleh kerana WebSockets menghapuskan keperluan untuk membuka sambungan baharu untuk setiap permintaan, ia mengurangkan kependaman, menjadikannya ideal untuk komunikasi masa nyata.

Cara WebSockets Berfungsi

Berjabat tangan: Komunikasi bermula dengan permintaan HTTP. Pelanggan menghantar permintaan HTTP dengan pengepala Naik Taraf untuk menukar sambungan daripada HTTP kepada WebSockets.
Sambungan Diwujudkan: Setelah pelayan mengakui jabat tangan, sambungan diwujudkan dan kedua-dua pelanggan dan pelayan boleh mula menghantar dan menerima mesej.
Pemesejan: Data dihantar melalui bingkai, yang ringan dan boleh dihantar berulang-alik tanpa overhed pengepala HTTP.
Penamatan Sambungan: Sama ada pelanggan atau pelayan boleh menamatkan sambungan.

Bila Menggunakan WebSockets

Aplikasi Masa Nyata: Seperti aplikasi sembang, pemberitahuan langsung dan pengeditan kolaboratif.
Permainan: Untuk permainan dalam talian berbilang pemain yang memerlukan kemas kini yang kerap.
Suapan Langsung: Menstrim harga saham, skor sukan atau data masa nyata daripada peranti IoT.
Alat Kerjasama: Untuk apl seperti Dokumen Google yang berbilang pengguna perlu melihat kemas kini dalam masa nyata.

Melaksanakan WebSocket dalam PHP

Untuk melaksanakan WebSockets dalam PHP, anda boleh menggunakan pustaka seperti Ratchet, pustaka PHP yang direka khusus untuk komunikasi dua hala masa nyata menggunakan WebSockets.

Pelaksanaan WebSocket Langkah demi Langkah Menggunakan Ratchet

Langkah 1: Pasang Ratchet melalui Komposer

Pertama, anda perlu memasang perpustakaan Ratchet. Dengan mengandaikan anda telah memasang Komposer, anda boleh menjalankan arahan berikut:

composer require cboden/ratchet

Salin selepas log masuk

Langkah 2: Buat Pelayan WebSocket dalam PHP

Mari kita buat pelayan WebSocket mudah yang akan mengendalikan sambungan dan mesej.

Buat kelas pelayan WebSocket dalam WebSocketServer.php:

<?php
use Ratchet\MessageComponentInterface;
use Ratchet\ConnectionInterface;

class WebSocketServer implements MessageComponentInterface {
    protected $clients;

    public function __construct() {
        $this->clients = new \SplObjectStorage;
    }

    // Called when a new client connects
    public function onOpen(ConnectionInterface $conn) {
        $this->clients->attach($conn);
        echo "New connection: ({$conn->resourceId})\n";
    }

    // Called when a client sends a message
    public function onMessage(ConnectionInterface $from, $msg) {
        echo "New message: $msg\n";

        foreach ($this->clients as $client) {
            if ($from !== $client) {
                // Send the message to everyone except the sender
                $client->send($msg);
            }
        }
    }

    // Called when a connection is closed
    public function onClose(ConnectionInterface $conn) {
        $this->clients->detach($conn);
        echo "Connection closed: ({$conn->resourceId})\n";
    }

    // Called if an error occurs
    public function onError(ConnectionInterface $conn, \Exception $e) {
        echo "Error: {$e->getMessage()}\n";
        $conn->close();
    }
}

Salin selepas log masuk

Kelas ini melaksanakan Ratchet's MessageComponentInterface, yang mentakrifkan kaedah untuk mengendalikan sambungan baharu, mesej masuk, sambungan tertutup dan ralat.

Langkah 3: Menjalankan Pelayan WebSocket

Buat skrip PHP baharu untuk memulakan pelayan WebSocket, contohnya, start_server.php.

<?php
require __DIR__ . '/vendor/autoload.php';
use Ratchet\Http\HttpServer;
use Ratchet\Server\IoServer;
use Ratchet\WebSocket\WsServer;

$server = IoServer::factory(
    new HttpServer(
        new WsServer(
            new WebSocketServer()
        )
    ),
    8080 // Port number for the WebSocket server
);

$server->run();

Salin selepas log masuk

Anda boleh memulakan pelayan dengan menjalankan skrip ini:

php start_server.php

Salin selepas log masuk

Pelayan kini akan berjalan pada ws://localhost:8080.

Langkah 4: Buat Frontend untuk Menyambung ke Pelayan WebSocket

Sekarang, mari buat fail HTML dengan jQuery dan JavaScript untuk menyambung ke pelayan WebSocket.

Buat fail HTML index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WebSocket Chat</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <h2>WebSocket Chat</h2>
    <input type="text" id="message" placeholder="Enter your message">
    <button id="send">Send</button>
    <div id="chat"></div>

    <script>
        $(document).ready(function() {
            var ws = new WebSocket('ws://localhost:8080');

            // When receiving a message from the server
            ws.onmessage = function(event) {
                $('#chat').append('<p>' + event.data + '</p>');
            };

            // Sending a message to the server
            $('#send').click(function() {
                var msg = $('#message').val();
                ws.send(msg);
                $('#message').val('');
            });
        });
    </script>
</body>
</html>

Salin selepas log masuk

Antara muka ringkas ini membolehkan anda memasukkan mesej dan menghantarnya ke pelayan WebSocket. Semua pelanggan yang disambungkan akan menerima mesej dan memaparkannya.

Langkah 5: Uji Sambungan WebSocket

Mulakan pelayan WebSocket anda dengan menjalankan php start_server.php.
Buka index.html dalam penyemak imbas.
Buka halaman yang sama dalam penyemak imbas atau tab lain untuk mensimulasikan berbilang pelanggan.

Apabila anda menghantar mesej daripada satu pelanggan, ia akan dipaparkan dalam semua penyemak imbas pelanggan yang disambungkan.