Bagaimana untuk membangunkan aplikasi sembang dalam talian menggunakan PHP dan WebSocket-tutorial php-php.cn

Bagaimana untuk membangunkan aplikasi sembang dalam talian menggunakan PHP dan WebSocket

PHPz

Lepaskan： 2023-12-18 10:34:01

asal

1296 orang telah melayarinya

Bagaimana untuk membangunkan aplikasi sembang dalam talian menggunakan PHP dan WebSocket

Cara membangunkan aplikasi sembang dalam talian menggunakan PHP dan WebSocket

Pengenalan:
Dengan perkembangan Internet, aplikasi sembang dalam talian menjadi semakin popular. Teknologi penting untuk membangunkan aplikasi sembang masa nyata ialah WebSocket. WebSocket ialah protokol yang melaksanakan komunikasi dupleks penuh Ia boleh mewujudkan sambungan yang panjang antara penyemak imbas dan pelayan, membolehkan pelayan secara aktif menolak data ke penyemak imbas, dengan itu mencapai komunikasi masa nyata. Dalam artikel ini, kami akan menunjukkan kepada anda cara untuk membangunkan aplikasi sembang dalam talian yang mudah menggunakan PHP dan WebSocket, bersama-sama dengan contoh kod konkrit.

Persediaan persekitaran:
Sebelum membangunkan aplikasi sembang masa nyata WebSocket, kami perlu memastikan bahawa persekitaran bahagian pelayan dan pelanggan memenuhi keperluan. Persediaan khusus adalah seperti berikut:
- Persekitaran pelayan: Pastikan pelayan telah memasang PHP dan menyokong WebSocket.
- Persekitaran pelanggan: Penyemak imbas menyokong WebSocket, dan kebanyakan penyemak imbas moden sudah menyokong WebSocket.

Buat pelayan WebSocket:
Pertama, kita perlu mencipta pelayan WebSocket untuk menerima dan memproses sambungan dan mesej pelanggan. Dalam PHP, anda boleh menggunakan perpustakaan Ratchet untuk mencipta pelayan WebSocket. Berikut ialah contoh kod untuk mencipta pelayan WebSocket:

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

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

class ChatApplication 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) {
        echo $msg . "
";
        foreach ($this->clients as $client) {
            $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 has occurred: {$e->getMessage()}
";
        $conn->close();
    }
}

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

$server->run();

Salin selepas log masuk

Kod di atas menggunakan beberapa kelas yang disediakan oleh perpustakaan Ratchet untuk mencipta pelayan WebSocket Kelas ChatApplication melaksanakan antara muka MessageComponentInterface, yang digunakan untuk mengendalikan sambungan pelanggan, mesej, pemutusan sambungan, dan pengendalian ralat. Kami boleh menyesuaikan logik yang berkaitan mengikut keperluan perniagaan.

Buat halaman pelanggan:
Seterusnya, kita perlu mencipta halaman pelanggan untuk mewujudkan sambungan WebSocket dengan pelayan dan melaksanakan kesan interaktif halaman sembang. Berikut ialah contoh kod halaman pelanggan asas:

<!DOCTYPE html>
<html>
<head>
    <title>WebSocket Chat</title>
    <script>
        var socket = new WebSocket("ws://localhost:8080");
        
        socket.onopen = function() {
            console.log("WebSocket connection established.");
        };
        
        socket.onmessage = function(event) {
            console.log("Received message: " + event.data);
            var message = JSON.parse(event.data);
            var li = document.createElement("li");
            li.textContent = message.content;
            document.getElementById("messages").appendChild(li);
        };
        
        socket.onclose = function() {
            console.log("WebSocket connection closed.");
        };
        
        function sendMessage() {
            var messageText = document.getElementById("message").value;
            var message = {
                content: messageText
            };
            socket.send(JSON.stringify(message));
            document.getElementById("message").value = "";
        }
    </script>
</head>
<body>
    <h1>WebSocket Chat</h1>
    <ul id="messages"></ul>
    <input type="text" id="message" placeholder="Type a message...">
    <button onclick="sendMessage()">Send</button>
</body>
</html>

Salin selepas log masuk

Kod di atas menggunakan JavaScript untuk mencipta objek WebSocket dan menggunakan fungsi panggil balik acara untuk mengendalikan acara seperti menerima mesej, mewujudkan dan menutup sambungan. Untuk menghantar mesej, gunakan kaedah send() objek WebSocket untuk menghantar data dalam format JSON.

Mulakan pelayan WebSocket:
Dalam kod di atas, kami menetapkan alamat pelayan WebSocket kepada "ws://localhost:8080", jadi sebelum menjalankan, sila pastikan pelayan WebSocket telah dimulakan.
Jalankan ujian:
Apabila pelayan dan pelanggan bersedia, kami boleh menguji fungsi sembang langsung dengan mengakses halaman pelanggan melalui penyemak imbas. Apabila anda memasukkan mesej dalam kotak teks dan klik butang hantar, mesej akan dihantar ke pelayan melalui sambungan WebSocket, dan kemudian pelayan akan menghantar mesej kepada semua pelanggan yang disambungkan, dengan itu mencapai kesan sembang masa nyata .

Ringkasan:
Artikel ini memperkenalkan langkah asas dan contoh kod tentang cara membangunkan aplikasi sembang dalam talian menggunakan PHP dan WebSocket. Dengan menggunakan semula perpustakaan dan rangka kerja sedia ada, kami boleh membina aplikasi sembang masa nyata yang ringkas dengan cepat. Sudah tentu, projek sebenar mungkin memerlukan pengoptimuman dan pengembangan selanjutnya, seperti penyulitan mesej, pengesahan, storan pangkalan data, dll., yang memerlukan pembangunan dan pelarasan yang sepadan berdasarkan keperluan khusus. Saya harap artikel ini dapat membantu anda memahami dan menggunakan WebSocket untuk membangunkan aplikasi sembang dalam talian.

Atas ialah kandungan terperinci Bagaimana untuk membangunkan aplikasi sembang dalam talian menggunakan PHP dan WebSocket. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!