了解 PHP 中的 WebSocket-php教程-PHP中文网

了解 PHP 中的 WebSocket

WBOY

发布： 2024-09-09 06:36:07

原创

697 人浏览过

Understanding WebSockets in PHP

WebSocket 通过单个 TCP 连接提供实时、全双工通信通道。与 HTTP 不同，HTTP 中客户端向服务器发送请求并等待响应，WebSocket 允许客户端和服务器之间进行连续通信，而无需多次请求。这非常适合需要实时更新的应用程序，例如聊天应用程序、实时通知和在线游戏。

在本指南中，我们将探索 WebSocket、它们的工作原理以及如何在 PHP 中实现它们。

什么是 WebSocket？

WebSockets 支持 Web 浏览器（或任何其他客户端）和服务器之间的交互式通信。以下是 WebSocket 的关键方面：

全双工通信：客户端和服务器都可以随时向对方发送消息，使连接比传统的 HTTP 轮询更加高效。
持久连接：一旦建立，WebSocket 连接将保持打开状态，直到客户端或服务器显式关闭为止。
低延迟：由于 WebSocket 无需为每个请求打开新连接，因此可以减少延迟，使其成为实时通信的理想选择。

WebSocket 的工作原理

握手：通信以 HTTP 请求开始。客户端发送带有 Upgrade 标头的 HTTP 请求，将连接从 HTTP 切换到 WebSockets。
连接建立：一旦服务器确认握手，连接就建立了，客户端和服务器都可以开始发送和接收消息。
消息传递：数据通过帧传输，帧是轻量级的，可以来回发送，无需 HTTP 标头的开销。
连接终止：客户端或服务器都可以终止连接。

何时使用 WebSocket

实时应用程序：例如聊天应用程序、实时通知和协作编辑。
游戏：适用于需要频繁更新的多人在线游戏。
实时动态：流式传输股票价格、体育比分或来自 IoT 设备的实时数据。
协作工具：适用于 Google Docs 等多个用户需要实时查看更新的应用。

在 PHP 中实现 WebSocket

要在 PHP 中实现 WebSocket，您可以使用诸如 Ratchet 之类的库，这是一个专门为使用 WebSocket 进行实时双向通信而设计的 PHP 库。

使用 Ratchet 逐步实现 WebSocket

第 1 步：通过 Composer 安装 Ratchet

首先，您需要安装 Ratchet 库。假设你已经安装了 Composer，你可以运行以下命令：

composer require cboden/ratchet

登录后复制

第 2 步：用 PHP 创建 WebSocket 服务器

让我们创建一个简单的 WebSocket 服务器来处理连接和消息。

在WebSocketServer.php中创建WebSocket服务器类：

<?php
use Ratchet\MessageComponentInterface;
use Ratchet\ConnectionInterface;

class WebSocketServer implements MessageComponentInterface {
    protected $clients;

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

    // Called when a new client connects
    public function onOpen(ConnectionInterface $conn) {
        $this->clients->attach($conn);
        echo "New connection: ({$conn->resourceId})\n";
    }

    // Called when a client sends a message
    public function onMessage(ConnectionInterface $from, $msg) {
        echo "New message: $msg\n";

        foreach ($this->clients as $client) {
            if ($from !== $client) {
                // Send the message to everyone except the sender
                $client->send($msg);
            }
        }
    }

    // Called when a connection is closed
    public function onClose(ConnectionInterface $conn) {
        $this->clients->detach($conn);
        echo "Connection closed: ({$conn->resourceId})\n";
    }

    // Called if an error occurs
    public function onError(ConnectionInterface $conn, \Exception $e) {
        echo "Error: {$e->getMessage()}\n";
        $conn->close();
    }
}

登录后复制

此类实现 Ratchet 的 MessageComponentInterface，它定义了处理新连接、传入消息、关闭连接和错误的方法。

第 3 步：运行 WebSocket 服务器

创建一个新的 PHP 脚本来启动 WebSocket 服务器，例如 start_server.php。

<?php
require __DIR__ . '/vendor/autoload.php';
use Ratchet\Http\HttpServer;
use Ratchet\Server\IoServer;
use Ratchet\WebSocket\WsServer;

$server = IoServer::factory(
    new HttpServer(
        new WsServer(
            new WebSocketServer()
        )
    ),
    8080 // Port number for the WebSocket server
);

$server->run();

登录后复制

您可以通过运行以下脚本来启动服务器：

php start_server.php

登录后复制

服务器现在将在 ws://localhost:8080 上运行。

第 4 步：创建前端以连接到 WebSocket 服务器

现在，让我们使用 jQuery 和 JavaScript 创建一个 HTML 文件来连接到 WebSocket 服务器。

创建 HTML 文件index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WebSocket Chat</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <h2>WebSocket Chat</h2>
    <input type="text" id="message" placeholder="Enter your message">
    <button id="send">Send</button>
    <div id="chat"></div>

    <script>
        $(document).ready(function() {
            var ws = new WebSocket('ws://localhost:8080');

            // When receiving a message from the server
            ws.onmessage = function(event) {
                $('#chat').append('<p>' + event.data + '</p>');
            };

            // Sending a message to the server
            $('#send').click(function() {
                var msg = $('#message').val();
                ws.send(msg);
                $('#message').val('');
            });
        });
    </script>
</body>
</html>

登录后复制

这个简单的界面允许您输入消息并将其发送到 WebSocket 服务器。所有连接的客户端都会收到该消息并显示它。