Rumah >pembangunan bahagian belakang >tutorial php >Panduan pembangunan PHP Websocket untuk melaksanakan fungsi terjemahan masa nyata

Panduan pembangunan PHP Websocket untuk melaksanakan fungsi terjemahan masa nyata

PHPzasal: 2023-12-18 17:52:522014semak imbas

PHP Websocket开发指南，实现实时翻译功能

Panduan Pembangunan Soket Web PHP: Melaksanakan Fungsi Terjemahan Masa Nyata

Pengenalan:
Dengan perkembangan Internet, komunikasi masa nyata menjadi semakin penting dalam pelbagai senario aplikasi. Sebagai protokol komunikasi yang baru muncul, Websocket menyediakan sokongan yang baik untuk komunikasi masa nyata. Artikel ini akan membawa anda melalui pemahaman terperinci tentang cara menggunakan PHP untuk membangunkan aplikasi Websocket, dan menggabungkan fungsi terjemahan masa nyata untuk menunjukkan aplikasi khususnya.

1. Apakah itu protokol Websocket?
Protokol websocket ialah protokol untuk komunikasi dupleks penuh melalui satu sambungan TCP. Berbanding dengan protokol HTTP tradisional, Websocket mempunyai kelebihan berikut:

Masa Nyata: Websocket menyokong komunikasi dua hala, iaitu pelayan boleh menghantar data secara aktif kepada pelanggan untuk mencapai kemas kini masa nyata.
Latensi rendah: Selepas protokol Websocket mewujudkan sambungan, ia tidak akan membuat sambungan lagi, mengurangkan operasi jabat tangan dalam protokol HTTP dan mengurangkan kependaman.
Jimat lebar jalur: Protokol Websocket menggunakan bingkai binari untuk menghantar data, yang boleh mengurangkan beban rangkaian dengan banyak berbanding penghantaran teks dalam protokol HTTP.

2. Persediaan untuk membangunkan aplikasi Websocket dengan PHP

Memasang PHP
Pertama, anda perlu memastikan bahawa PHP dipasang dan sambungan yang berkaitan didayakan: soket, pcntl, posix.

Pasang Komposer
Jalankan arahan berikut dalam direktori projek untuk memasang:

$ curl -sS https://getcomposer.org/installer | php
$ mv composer.phar /usr/local/bin/composer

Pasang perpustakaan Rachet
Jalankan arahan berikut dalam direktori projek untuk memasang perpustakaan Rachet:
```
$ composer require cboden/ratchet
```

laksanakan pelayan Websocket

Buat fail server.php
Buat fail server.php dalam direktori akar projek dan tulis kod berikut dalam fail:

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

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

class Translator 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)
 {
     // 实现翻译功能，此处省略具体代码
     $translatedMsg = translate($msg);

     foreach ($this->clients as $client) {
         $client->send($translatedMsg);
     }
 }

 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 = IoServer::factory(
 new HttpServer(
     new WsServer(
         new Translator()
     )
 ),
 8080
);

echo "Server is running...
";
$server->run();

Mulakan pelayan Websocket
Jalankan arahan berikut dalam terminal untuk memulakan pelayan Websocket :
```
$ php server.php
```
Dengan cara ini, pelayan Websocket telah berjaya dimulakan.

4 Laksanakan halaman hadapan
Buat fail index.html dalam direktori akar projek dan tulis kod berikut dalam fail:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Websocket实时翻译</title>
</head>
<body>
    <input type="text" id="input">
    <button onclick="send()">翻译</button>
    <br>
    <div id="output"></div>

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

        conn.onopen = function(e) {
            console.log("Connection established!");
        };

        conn.onmessage = function(e) {
            var output = document.getElementById('output');
            output.innerHTML += '<p>' + e.data + '</p>';
        };

        function send() {
            var input = document.getElementById('input');
            conn.send(input.value);
            input.value = '';
        }
    </script>
</body>
</html>

5. Jalankan contoh

Mulakan pelayan Websocket Jalankan yang berikut dalam Perintah terminal untuk memulakan pelayan Websocket:
```
$ php server.php
```
Buka fail index.html dalam penyemak imbas, dan anda akan melihat halaman terjemahan masa nyata yang ringkas.
Masukkan kandungan yang ingin anda terjemah dalam kotak input, klik butang "Terjemah", dan anda boleh melihat hasil terjemahan dalam masa nyata di bawah.

Kesimpulan:

Artikel ini memperkenalkan secara ringkas langkah asas pembangunan PHP Websocket dan menyediakan contoh kod yang digabungkan dengan fungsi terjemahan masa nyata. Saya harap ia akan membantu anda untuk mempelajari dan membangunkan aplikasi Websocket. Sebagai teknologi untuk merealisasikan komunikasi masa nyata, Websocket mempunyai pelbagai prospek aplikasi dalam senario aplikasi sebenar. Pembaca boleh mengembangkan dan mengubah contoh ini untuk mencapai lebih banyak fungsi komunikasi masa nyata.

Atas ialah kandungan terperinci Panduan pembangunan PHP Websocket untuk melaksanakan fungsi terjemahan masa nyata. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php composer html http websocket

Kenyataan：

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

Artikel sebelumnya：Pembangunan coroutine tak segerak PHP: menyelesaikan masalah memuat naik dan memuat turun fail besarArtikel seterusnya：Pembangunan coroutine tak segerak PHP: menyelesaikan masalah memuat naik dan memuat turun fail besar

Artikel berkaitan

Lihat lagi