PHP前端开发

了解 PHP 中的 WebSocket

百变鹏仔 1天前 #PHP
文章标签 PHP

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

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


什么是 websocket?

websockets 支持 web 浏览器(或任何其他客户端)和服务器之间的交互式通信。以下是 websocket 的关键方面:

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

websocket 的工作原理

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

何时使用 websocket


在 php 中实现 websocket

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

立即学习“PHP免费学习笔记(深入)”;


使用 ratchet 逐步实现 websocket

第 1 步:通过 composer 安装 ratchet

首先,您需要安装 ratchet 库。假设你已经安装了 composer,你可以运行以下命令:

composer require cboden/ratchet

第 2 步:用 php 创建 websocket 服务器

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

  1. 在websocketserver.php中创建websocket服务器类
<?phpuse ratchetmessagecomponentinterface;use ratchetconnectioninterface;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})";    }    // called when a client sends a message    public function onmessage(connectioninterface $from, $msg) {        echo "new message: $msg";        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})";    }    // called if an error occurs    public function onerror(connectioninterface $conn, exception $e) {        echo "error: {$e->getmessage()}";        $conn->close();    }}

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

第 3 步:运行 websocket 服务器

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

<?phprequire __dir__ . '/vendor/autoload.php';use ratchethttphttpserver;use ratchetserverioserver;use ratchetwebsocketwsserver;$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 服务器

现在,让我们使用 jqueryjavascript 创建一个 html 文件来连接到 websocket 服务器。

  1. 创建 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 服务器。所有连接的客户端都会收到该消息并显示它。

第 5 步:测试 websocket 连接

  1. 通过运行 php start_server.php 启动 websocket 服务器。
  2. 在浏览器中打开index.html。
  3. 在另一个浏览器或选项卡中打开同一页面以模拟多个客户端。

当您从一个客户端发送消息时,它将显示在所有连接的客户端的浏览器中。


在 php 中使用 websocket 的优点


php 中 websocket 的用例


结论

websockets 为客户端和服务器之间的实时、全双工通信提供了强大的解决方案,非常适合聊天系统、实时通知和其他实时应用程序。通过将 php 与 ratchet 等库结合使用,您可以轻松设置 websocket 服务器并将其集成到您的应用程序中,以提高用户参与度和响应能力。