Rumah > pembangunan bahagian belakang > tutorial php > Bagaimana untuk membangunkan aplikasi pemantauan masa nyata menggunakan PHP dan WebSocket

Bagaimana untuk membangunkan aplikasi pemantauan masa nyata menggunakan PHP dan WebSocket

PHPz
Lepaskan: 2023-12-17 20:08:01
asal
1304 orang telah melayarinya

Bagaimana untuk membangunkan aplikasi pemantauan masa nyata menggunakan PHP dan WebSocket

Cara menggunakan PHP dan WebSocket untuk membangunkan aplikasi pemantauan masa nyata

Pengenalan:
Aplikasi pemantauan masa nyata menjadi semakin penting dalam pembangunan aplikasi Internet hari ini. Komunikasi HTTP tradisional tidak dapat memenuhi keperluan masa nyata, manakala protokol WebSocket boleh mewujudkan sambungan yang panjang antara penyemak imbas dan pelayan untuk mencapai komunikasi dua hala masa nyata. Sebagai bahasa pengaturcaraan yang digunakan secara meluas, PHP juga boleh digabungkan dengan baik dengan WebSocket untuk membangunkan aplikasi pemantauan masa nyata.

Artikel ini akan memperkenalkan cara menggunakan PHP dan WebSocket untuk membangunkan aplikasi pemantauan masa nyata, dan menyediakan contoh kod khusus.

1 Fahami protokol WebSocket
Protokol WebSocket ialah protokol komunikasi dupleks penuh berdasarkan protokol TCP Dengan menggunakan protokol WebSocket, sambungan yang panjang boleh diwujudkan antara penyemak imbas dan pelayan, dengan itu mencapai dua masa nyata. -cara komunikasi. Berbanding dengan protokol HTTP tradisional, protokol WebSocket lebih sesuai untuk pembangunan aplikasi pemantauan masa nyata.

2. Laksanakan pelayan WebSocket
Untuk melaksanakan pelayan WebSocket dalam PHP, anda boleh menggunakan beberapa perpustakaan sedia ada, seperti Ratchet dan ReactPHP. Perpustakaan ini menyediakan ciri yang kaya yang memudahkan proses pembangunan pelayan WebSocket.

Mengambil Ratchet sebagai contoh, anda perlu memasang perpustakaan Ratchet terlebih dahulu. Gunakan Komposer untuk memasang, arahannya adalah seperti berikut:

composer require cboden/ratchet
Salin selepas log masuk

Berikut ialah kod contoh pelayan WebSocket yang mudah:

use RatchetMessageComponentInterface;
use RatchetConnectionInterface;

require 'vendor/autoload.php';

class MyServer implements MessageComponentInterface {
    protected $clients;

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

    public function onOpen(ConnectionInterface $conn) {
        $this->clients->attach($conn);
        echo "New client connected: {$conn->resourceId}
";
    }

    public function onMessage(ConnectionInterface $from, $msg) {
        echo "Received message from client: {$from->resourceId}
";
        $data = json_decode($msg, true);
        // 处理接收到的消息
        // ...
    }

    public function onClose(ConnectionInterface $conn) {
        $this->clients->detach($conn);
        echo "Client disconnected: {$conn->resourceId}
";
    }

    public function onError(ConnectionInterface $conn, Exception $e) {
        echo "An error occurred: {$e->getMessage()}
";
        $conn->close();
    }
}

$server = new RatchetApp('localhost', 8080);
$server->route('/monitor', new MyServer(), ['*']);
$server->run();
Salin selepas log masuk

Dalam kod di atas, kami mentakrifkan kelas bernama MyServer, yang melaksanakan antara muka MessageComponentInterface dalam Ratchet, yang mentakrifkan Panggilan Balik kaedah pelayan WebSocket. Kami boleh melaksanakan logik interaksi mesej antara pelayan dan klien dalam kaedah panggil balik ini.

3. Gunakan JavaScript untuk mewujudkan sambungan WebSocket
Di bahagian pelayar, kami boleh menggunakan JavaScript untuk mewujudkan sambungan WebSocket dan menjalankan komunikasi dua hala.

var socket = new WebSocket('ws://localhost:8080/monitor');

socket.addEventListener('open', function(event) {
    console.log('Connected to server');
});

socket.addEventListener('message', function(event) {
    console.log('Received message from server: ', event.data);
    // 处理接收到的消息
    // ...
});

socket.addEventListener('close', function(event) {
    console.log('Disconnected from server');
});

// 发送消息给服务器
function sendMessage(message) {
    socket.send(message);
}
Salin selepas log masuk

Kod JavaScript di atas mencipta objek WebSocket dan mewujudkan sambungan dengan pelayan. Apabila menerima mesej daripada pelayan, kami boleh memprosesnya dalam fungsi panggil balik acara mesej. Dengan memanggil kaedah hantar objek WebSocket, anda boleh menghantar mesej ke pelayan.

4. Contoh pembangunan aplikasi pemantauan masa nyata
Kaedah pelaksanaan khusus aplikasi pemantauan masa nyata berbeza-beza bergantung pada keperluan aplikasi. Berikut mengambil aplikasi pemantauan harga saham masa nyata yang mudah sebagai contoh.

Di bahagian pelayan, kami boleh merebut data harga saham dan menghantar data kepada semua pelanggan yang disambungkan ke pelayan. Contoh kod adalah seperti berikut:

use RatchetMessageComponentInterface;
use RatchetConnectionInterface;

require 'vendor/autoload.php';

class StockMonitor extends MyServer {
    protected $stocks = [
        'AAPL' => 0, // 苹果公司股票
        'GOOGL' => 0, // 谷歌公司股票
        'MSFT' => 0, // 微软公司股票
    ];

    public function onOpen(ConnectionInterface $conn) {
        parent::onOpen($conn);
        $this->sendStockPrices($conn); // 发送股票价格给新连接的客户端
    }

    public function sendStockPrices(ConnectionInterface $conn) {
        // 模拟获取股票价格
        foreach ($this->stocks as $symbol => $price) {
            $this->stocks[$symbol] = rand(100, 200); // 随机生成股票价格
        }

        $conn->send(json_encode($this->stocks));
    }
}

$server = new RatchetApp('localhost', 8080);
$server->route('/monitor', new StockMonitor(), ['*']);
$server->run();
Salin selepas log masuk

Di pihak pelanggan, kami boleh menerima harga saham yang dihantar oleh pelayan dan memaparkannya. Kod sampel adalah seperti berikut:

var stockPrices = {};

function displayStockPrices(prices) {
    // 展示股票价格
    // ...
}

var socket = new WebSocket('ws://localhost:8080/monitor');

socket.addEventListener('open', function(event) {
    console.log('Connected to server');
});

socket.addEventListener('message', function(event) {
    var prices = JSON.parse(event.data);
    stockPrices = prices;
    displayStockPrices(prices);
});

socket.addEventListener('close', function(event) {
    console.log('Disconnected from server');
});

// 发送消息给服务器
function sendMessage(message) {
    socket.send(message);
}
Salin selepas log masuk

Dalam kod di atas, kami menggunakan harga saham berubah global untuk menyimpan data harga saham Apabila menerima mesej daripada pelayan, kami mengemas kini pembolehubah dan memanggil fungsi displayStockPrices untuk paparan.

Kesimpulan:
Menggunakan PHP dan WebSocket untuk membangunkan aplikasi pemantauan masa nyata boleh mencapai komunikasi dua hala masa nyata dan memenuhi keperluan aplikasi pemantauan masa nyata. Pembangun boleh menggunakan perpustakaan sedia ada seperti Ratchet untuk memudahkan proses pembangunan, dan menggunakan JavaScript untuk mewujudkan sambungan WebSocket dan memproses mesej yang dihantar oleh pelayan. Melalui contoh pembangunan aplikasi pemantauan masa nyata, kami boleh lebih memahami dan menggunakan teknologi WebSocket.

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan