登录
首页 >  文章 >  php教程

了解 PHP 中的 WebSocket

来源:dev.to

时间:2024-09-09 14:31:01 350浏览 收藏

本篇文章向大家介绍《了解 PHP 中的 WebSocket》,主要包括,具有一定的参考价值,需要的朋友可以参考一下。

了解 PHP 中的 WebSocket

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

  • 实时应用程序:例如聊天应用程序、实时通知和协作编辑。
  • 游戏:适用于需要频繁更新的多人在线游戏。
  • 实时动态:流式传输股票价格、体育比分或来自 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 服务器来处理连接和消息。

  1. 在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 服务器

现在,让我们使用 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 的优点

  • 实时更新:websocket 提供实时更新,无需 http 轮询的开销。
  • 较低延迟:由于连接保持打开状态,因此可以立即发送消息,从而减少延迟。
  • 双向通信:服务器和客户端都可以同时向对方发送消息,这与传统的 http 通信是由客户端发起的不同。

php 中 websocket 的用例

  • 聊天应用程序:websocket 非常适合需要立即向所有用户发送消息的实时聊天应用程序。
  • 实时通知:适用于需要推送实时通知(例如社交媒体、股票价格)的应用。
  • 实时协作工具:websocket 支持实时协作,例如实时文档编辑。
  • 在线游戏:多人在线游戏受益于 websocket 的低延迟通信。

结论

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

今天带大家了解了的相关知识,希望对你有所帮助;关于文章的技术知识我们会一点点深入介绍,欢迎大家关注golang学习网公众号,一起学习编程~

声明:本文转载于:dev.to 如有侵犯,请联系study_golang@163.com删除
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>