Tutorial pembangunan PHP Websocket untuk membina fungsi perkongsian sosial masa nyata-tutorial php-php.cn

Tutorial pembangunan PHP Websocket untuk membina fungsi perkongsian sosial masa nyata

PHPz

Lepaskan： 2023-12-02 11:50:01

asal

1442 orang telah melayarinya

PHP Websocket开发教程，构建实时社交分享功能

Tutorial pembangunan WebSocket PHP untuk membina fungsi perkongsian sosial masa nyata

Ikhtisar:
WebSocket ialah protokol komunikasi dupleks penuh yang boleh mewujudkan sambungan berterusan antara pelanggan dan pelayan untuk mencapai komunikasi masa nyata. Tutorial ini membimbing anda membangunkan aplikasi WebSocket menggunakan PHP untuk membina ciri perkongsian sosial masa nyata. Dalam ciri ini, pengguna boleh berkongsi teks, imej dan pautan dalam masa nyata dan berinteraksi dengan pengguna lain.

Langkah 1: Sediakan persekitaran
Pertama, pastikan pelayan anda mempunyai sambungan PHP dan WebSocket yang dipasang dan dikonfigurasikan. Anda boleh mengesahkan pemasangan dan konfigurasi PHP dengan mengakses fungsi phpinfo(). Jika sambungan WebSocket tidak dipasang, anda boleh memasangnya menggunakan arahan berikut:

sudo apt-get install php-websocket

Salin selepas log masuk

Langkah 2: Cipta Pelayan WebSocket
Dalam PHP, kami akan menggunakan perpustakaan Ratchet untuk mencipta pelayan WebSocket. Anda boleh memasang perpustakaan Ratchet melalui arahan berikut:

composer require cboden/ratchet

Salin selepas log masuk

Buat fail bernama websocket_server.php dan tambahkan kod berikut:

<?php
use RatchetServerIoServer;
use RatchetHttpHttpServer;
use RatchetWebSocketWsServer;
use MyAppWebSocketHandler;

require 'vendor/autoload.php';

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

$server->run();
?>

Salin selepas log masuk

Langkah 3: Buat Pengendali WebSocket
Seterusnya, kami mencipta fail bernama fail WebSocketHandler.php dan tambah kod berikut:

<?php
namespace MyApp;

use RatchetMessageComponentInterface;
use RatchetConnectionInterface;

class WebSocketHandler 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) {
            $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();
    }
}
?>

Salin selepas log masuk

Langkah 4: Cipta halaman hadapan
Buat fail bernama index.html dan tambah kod berikut:

<!DOCTYPE html>
<html>
<head>
    <title>实时社交分享</title>
</head>
<body>
    <div id="messages"></div>
    <form id="message-form">
        <input type="text" id="message-input" placeholder="在此输入消息" required>
        <button type="submit">发送</button>
    </form>

    <script>
        var conn = new WebSocket('ws://localhost:8080');

        conn.onopen = function(e) {
            console.log("连接成功！");
        };

        conn.onmessage = function(e) {
            var message = JSON.parse(e.data);
            var msgDiv = document.createElement('div');
            var msgText = document.createTextNode(message.text);
            msgDiv.appendChild(msgText);
            document.getElementById('messages').appendChild(msgDiv);
        };

        document.getElementById('message-form').onsubmit = function() {
            var input = document.getElementById('message-input').value;
            var message = {
                text: input
            };
            conn.send(JSON.stringify(message));
            return false;
        };
    </script>
</body>
</html>

Salin selepas log masuk

Langkah 5: Jalankan aplikasi
Gunakan tetingkap baris arahan untuk memasuki projek anda direktori dan jalankan arahan berikut untuk memulakan pelayan WebSocket:

php websocket_server.php

Salin selepas log masuk

Kemudian, buka fail index.html dalam pelayar anda dan anda akan melihat antara muka yang mudah. Anda boleh memasukkan mesej dalam kotak input dan klik butang Hantar untuk menghantar mesej. Semua pelanggan yang disambungkan ke pelayan yang sama akan menerima mesej yang anda hantar dalam masa nyata.

Kesimpulan:
Melalui tutorial ini, anda telah mempelajari cara membangunkan aplikasi WebSocket menggunakan PHP dan perpustakaan Ratchet serta membina ciri perkongsian sosial masa nyata. Anda boleh melanjutkan lagi ciri ini untuk menyokong perkongsian imej dan pautan, serta menambah ciri interaktif lain. Semoga tutorial ini bermanfaat!

Atas ialah kandungan terperinci Tutorial pembangunan PHP Websocket untuk membina fungsi perkongsian sosial masa nyata. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!