실시간 교통정보 조회 기능 구현을 위한 PHP Websocket 개발 가이드-PHP 튜토리얼-php.cn

실시간 교통정보 조회 기능 구현을 위한 PHP Websocket 개발 가이드

王林

풀어 주다： 2023-12-04 10:32:01

원래의

1186명이 탐색했습니다.

PHP Websocket开发指南，实现实时交通信息查询功能

실시간 교통정보 조회 기능 구현을 위한 PHP Websocket 개발 가이드

머리말
Websocket은 웹에서 양방향 통신을 구현하는 기술로, 실시간으로 데이터를 업데이트할 수 있어 필요한 시나리오에 적합합니다. 실시간 상호작용. 이 기사에서는 PHP를 사용하여 실시간 교통 정보 쿼리 기능을 개발하는 방법을 소개하고 해당 코드 예제를 제공합니다.
준비
개발을 시작하기 전에 다음 작업을 준비해야 합니다.
PHP 및 Apache 서버가 설치된 호스트, 기본 PHP 프로그래밍 지식
Chrome, Firefox 등 Websocket을 지원하는 브라우저
관련 종속 라이브러리를 설치하려면 Composer를 설치하세요
개발 시작
3.1 Websocket 종속 라이브러리 설치
Composer를 통해 Ratchet 라이브러리를 설치하세요. 이는 PHP에서 Websocket 애플리케이션을 개발하는 데 널리 사용되는 선택입니다. 설치하려면 터미널에서 다음 명령을 실행하세요.
```
composer require cboden/ratchet
```
로그인 후 복사

3.2 Websocket 서버 생성
프로젝트 루트 디렉터리에 server.php 파일을 생성하고 다음 코드를 추가합니다. server.php文件，并添加以下代码：

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

use RatchetServerIoServer;
use RatchetHttpHttpServer;
use RatchetWebSocketWsServer;

$server = IoServer::factory(
    new HttpServer(
        new WsServer(
            new TrafficInfo()
        )
    ),
    8080 // 服务器端口号
);

$server->run();

로그인 후 복사

这段代码创建了一个Websocket服务器并监听8080端口。其中，TrafficInfo是我们将会创建的Websocket应用类。

3.3 创建Websocket应用类
在项目根目录下创建一个TrafficInfo.php文件，并添加以下代码：

<?php
use RatchetMessageComponentInterface;
use RatchetConnectionInterface;

class TrafficInfo implements MessageComponentInterface
{
    private $connections;

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

    public function onOpen(ConnectionInterface $conn)
    {
        // 当一个新的连接建立时触发
        $this->connections->attach($conn);
    }

    public function onMessage(ConnectionInterface $from, $msg)
    {
        // 当接收到客户端发送的消息时触发
        // 在这里处理相应的逻辑，并将数据发送给所有连接的客户端
        $this->broadcast($msg);
    }

    public function onClose(ConnectionInterface $conn)
    {
        // 当一个客户端连接关闭时触发
        $this->connections->detach($conn);
    }

    public function onError(ConnectionInterface $conn, Exception $e)
    {
        // 当发生错误时触发
        $conn->send($e->getMessage());
        $conn->close();
    }

    private function broadcast($msg)
    {
        foreach ($this->connections as $conn) {
            $conn->send($msg);
        }
    }
}

로그인 후 복사

这段代码定义了一个TrafficInfo类，并实现了MessageComponentInterface接口。在该类中，我们重写了onOpen、onMessage、onClose和onError等方法，用于处理与客户端的交互，并实现了一个broadcast方法，用于将数据发送给所有连接的客户端。

客户端代码
在项目根目录下创建一个index.html文件，并添加以下代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Traffic Info</title>
</head>
<body>
    <h1>Traffic Info</h1>

    <div id="traffic-info"></div>

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

        socket.onmessage = function (event) {
            var data = JSON.parse(event.data);
            // 处理接收到的实时交通信息
            document.getElementById('traffic-info').innerHTML = data.message;
        };

        socket.onclose = function () {
            // 服务器连接关闭时触发
            console.log('Connection closed');
        };
    </script>
</body>
</html>

로그인 후 복사

这段代码创建了一个Websocket连接，并监听服务器的消息。当收到消息时，将数据解析为JSON格式，并将实时交通信息显示在页面上。

运行程序
将上述文件放置在Apache服务器的根目录下，并使用命令行进入项目根目录，运行以下命令启动Websocket服务器：
```
php server.php
```
로그인 후 복사

在浏览器中打开index.htmlrrreee

이 코드는 Websocket 서버를 생성하고 포트 8080을 수신합니다. 그 중 TrafficInfo는 우리가 생성할 Websocket 애플리케이션 클래스입니다.

3.3 Websocket 애플리케이션 클래스 생성

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

이 코드는 TrafficInfo 클래스를 정의하고 MessageComponentInterface 인터페이스를 구현합니다. 이 클래스에서는 클라이언트와 Interact를 처리하기 위해 onOpen, onMessage, onClose 및 onError와 같은 메서드를 재정의합니다. 연결된 모든 클라이언트에 데이터를 전송하기 위한 broadcast 메서드를 구현합니다. 🎜

index.html

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