실시간 번역 기능 구현을 위한 PHP Websocket 개발 가이드-PHP 튜토리얼-php.cn

실시간 번역 기능 구현을 위한 PHP Websocket 개발 가이드

PHPz

풀어 주다： 2023-12-18 17:54:01

원래의

1921명이 탐색했습니다.

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

PHP 웹소켓 개발 가이드: 실시간 번역 기능 구현

소개:
인터넷의 발전과 함께 다양한 애플리케이션 시나리오에서 실시간 통신이 점점 더 중요해지고 있습니다. 새롭게 떠오르는 통신 프로토콜인 Websocket은 실시간 통신을 훌륭하게 지원합니다. 이 기사에서는 PHP를 사용하여 Websocket 애플리케이션을 개발하는 방법과 실시간 번역 기능을 결합하여 특정 애플리케이션을 시연하는 방법에 대한 자세한 이해를 안내합니다.

1. 웹소켓 프로토콜이 무엇인가요?
Websocket 프로토콜은 단일 TCP 연결을 통한 전이중 통신을 위한 프로토콜입니다. 기존 HTTP 프로토콜과 비교하여 Websocket은 다음과 같은 장점이 있습니다.

실시간: Websocket은 양방향 통신을 지원합니다. 즉, 서버는 실시간 업데이트를 달성하기 위해 클라이언트에 적극적으로 데이터를 보낼 수 있습니다.
낮은 대기 시간: Websocket 프로토콜이 연결을 설정한 후에는 다시 연결을 생성하지 않으므로 HTTP 프로토콜의 핸드셰이크 작업과 대기 시간이 줄어듭니다.
대역폭 절약: Websocket 프로토콜은 바이너리 프레임을 사용하여 데이터를 전송하므로 HTTP 프로토콜의 텍스트 전송에 비해 네트워크 부하를 크게 줄일 수 있습니다.

2. PHP를 사용하여 Websocket 애플리케이션 개발을 위한 준비

PHP 설치
먼저 PHP가 설치되어 있고 관련 확장(sockets, pcntl, posix)이 활성화되어 있는지 확인해야 합니다.
Install Composer
설치하려면 프로젝트 디렉터리에서 다음 명령을 실행하세요.
```
$ curl -sS https://getcomposer.org/installer | php
$ mv composer.phar /usr/local/bin/composer
```
로그인 후 복사
Rachet 라이브러리 설치
Rachet 라이브러리를 설치하려면 프로젝트 디렉터리에서 다음 명령을 실행하세요.
```
$ composer require cboden/ratchet
```
로그인 후 복사

3. Rachet을 사용하여 다음을 수행하세요. Websocket 서버 구현

server.php 파일 생성
프로젝트 루트 디렉터리에 server.php 파일을 생성하고 파일에 다음 코드를 작성합니다.

<?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();

로그인 후 복사

Websocket 서버 시작
다음 명령을 실행합니다. Websocket 서버를 시작하기 위한 터미널 :
```
$ php server.php
```
로그인 후 복사
로그인 후 복사
이렇게 해서 Websocket 서버가 성공적으로 시작되었습니다.

4. 프런트 엔드 페이지 구현
프로젝트 루트 디렉터리에 index.html 파일을 만들고 파일에 다음 코드를 작성합니다.

<!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 예제를 실행합니다.

Websocket 서버를 시작합니다
Websocket 서버를 시작하려면 터미널 명령에서 다음을 실행하십시오.
```
$ php server.php
```
로그인 후 복사
로그인 후 복사
프런트 엔드 페이지 실행
브라우저에서 index.html 파일을 열면 간단한 실시간 번역 페이지가 표시됩니다.
실시간 번역 기능을 활용해보세요
입력창에 번역하고 싶은 내용을 입력하고 "번역" 버튼을 클릭하시면 아래에서 번역 결과를 실시간으로 보실 수 있습니다.

결론:
이 기사에서는 PHP 웹소켓 개발의 기본 단계를 간략하게 소개하고 실시간 번역 기능과 결합된 코드 예제를 제공합니다. Websocket 애플리케이션을 배우고 개발하는 데 도움이 되기를 바랍니다. 실시간 통신을 구현하기 위한 기술로서 Websocket은 실제 응용 시나리오에서 광범위한 응용 가능성을 가지고 있습니다. 독자는 이 예를 확장하고 변형하여 더 많은 실시간 통신 기능을 달성할 수 있습니다.

위 내용은 실시간 번역 기능 구현을 위한 PHP Websocket 개발 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!