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

首頁

後端開發

php教程

了解 PHP 中的 WebSocket

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Sep 09, 2024 am 06:36 AM

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 伺服器。所有連接的用戶端都會收到該訊息並顯示它。

第 5 步：測試 WebSocket 連線

透過執行 php start_server.php 啟動 WebSocket 伺服器。
在瀏覽器中開啟index.html。
在另一個瀏覽器或標籤中開啟同一頁面以模擬多個客戶端。

當您從一個客戶端發送訊息時，它將顯示在所有連接的客戶端的瀏覽器中。

在 PHP 中使用 WebSocket 的優點

即時更新：WebSocket 提供即時更新，無需 HTTP 輪詢的開銷。
較低延遲：由於連線保持開啟狀態，因此可以立即發送訊息，從而減少延遲。
雙向通訊：伺服器和客戶端都可以同時向對方發送訊息，這與傳統的 HTTP 通訊是由客戶端發起的不同。

PHP 中 WebSocket 的用例

聊天應用程式：WebSocket 非常適合需要立即向所有用戶發送訊息的即時聊天應用程式。
即時通知：適用於需要推播即時通知（例如社群媒體、股票價格）的應用程式。
即時協作工具：WebSocket 支援即時協作，例如即時文件編輯。
線上遊戲：多人線上遊戲受益於 WebSocket 的低延遲通訊。

結論

WebSockets 為客戶端和伺服器之間的即時、全雙工通訊提供了強大的解決方案，非常適合聊天系統、即時通知和其他即時應用程式。透過將 PHP 與 Ratchet 等程式庫結合使用，您可以輕鬆設定 WebSocket 伺服器並將其整合到您的應用程式中，以提高使用者參與度和回應能力。

以上是了解 PHP 中的 WebSocket的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

Laravel 教程

1604

PHP教程

1509

276

Related knowledge

PHP變量範圍解釋了 Jul 17, 2025 am 04:16 AM

PHP變量作用域常見問題及解決方法包括：1.函數內部無法訪問全局變量，需使用global關鍵字或參數傳入；2.靜態變量用static聲明，只初始化一次並在多次調用間保持值；3.超全局變量如$_GET、$_POST可在任何作用域直接使用，但需注意安全過濾；4.匿名函數需通過use關鍵字引入父作用域變量，修改外部變量則需傳遞引用。掌握這些規則有助於避免錯誤並提升代碼穩定性。

在PHP中評論代碼 Jul 18, 2025 am 04:57 AM

PHP註釋代碼常用方法有三種：1.單行註釋用//或#屏蔽一行代碼，推薦使用//；2.多行註釋用/.../包裹代碼塊，不可嵌套但可跨行；3.組合技巧註釋如用/if(){}/控制邏輯塊，或配合編輯器快捷鍵提升效率，使用時需注意閉合符號和避免嵌套。

撰寫PHP評論的提示 Jul 18, 2025 am 04:51 AM

寫好PHP註釋的關鍵在於明確目的與規範，註釋應解釋“為什麼”而非“做了什麼”，避免冗餘或過於簡單。 1.使用統一格式，如docblock（/*/）用於類、方法說明，提升可讀性與工具兼容性；2.強調邏輯背後的原因，如說明為何需手動輸出JS跳轉；3.在復雜代碼前添加總覽性說明，分步驟描述流程，幫助理解整體思路；4.合理使用TODO和FIXME標記待辦事項與問題，便於後續追踪與協作。好的註釋能降低溝通成本，提升代碼維護效率。

快速PHP安裝教程 Jul 18, 2025 am 04:52 AM

ToinstallPHPquickly,useXAMPPonWindowsorHomebrewonmacOS.1.OnWindows,downloadandinstallXAMPP,selectcomponents,startApache,andplacefilesinhtdocs.2.Alternatively,manuallyinstallPHPfromphp.netandsetupaserverlikeApache.3.OnmacOS,installHomebrew,thenrun'bre

學習PHP：初學者指南 Jul 18, 2025 am 04:54 AM

易於效率，啟動啟動tingupalocalserverenverenvirestoolslikexamppandacodeeditorlikevscode.1）installxamppforapache，mysql，andphp.2）uscodeeditorforsyntaxssupport.3）

如何用PHP搭建社交分享功能 PHP分享接口集成實戰 Jul 25, 2025 pm 08:51 PM

在PHP中搭建社交分享功能的核心方法是通過動態生成符合各平台要求的分享鏈接。 1.首先獲取當前頁面或指定的URL及文章信息；2.使用urlencode對參數進行編碼；3.根據各平台協議拼接生成分享鏈接；4.在前端展示鏈接供用戶點擊分享；5.動態生成頁面OG標籤優化分享內容展示；6.務必對用戶輸入進行轉義以防止XSS攻擊。該方法無需複雜認證，維護成本低，適用於大多數內容分享需求。

如何用PHP結合AI實現文本糾錯 PHP語法檢測與優化 Jul 25, 2025 pm 08:57 PM

要實現PHP結合AI進行文本糾錯與語法優化，需按以下步驟操作：1.選擇適合的AI模型或API，如百度、騰訊API或開源NLP庫；2.通過PHP的curl或Guzzle調用API並處理返回結果；3.在應用中展示糾錯信息並允許用戶選擇是否採納；4.使用php-l和PHP_CodeSniffer進行語法檢測與代碼優化；5.持續收集反饋並更新模型或規則以提升效果。選擇AIAPI時應重點評估準確率、響應速度、價格及對PHP的支持。代碼優化應遵循PSR規範、合理使用緩存、避免循環查詢、定期審查代碼，並藉助X

PHP調用AI智能語音助手 PHP語音交互系統搭建 Jul 25, 2025 pm 08:45 PM

用戶語音輸入通過前端JavaScript的MediaRecorderAPI捕獲並發送至PHP後端；2.PHP將音頻保存為臨時文件後調用STTAPI（如Google或百度語音識別）轉換為文本；3.PHP將文本發送至AI服務（如OpenAIGPT）獲取智能回复；4.PHP再調用TTSAPI（如百度或Google語音合成）將回復轉為語音文件；5.PHP將語音文件流式返回前端播放，完成交互。整個流程由PHP主導數據流轉與錯誤處理，確保各環節無縫銜接。

See all articles

了解 PHP 中的 WebSocket

什麼是 WebSocket？

WebSocket 的工作原理

何時使用 WebSocket

在 PHP 中實作 WebSocket

使用 Ratchet 逐步實作 WebSocket

第 1 步：透過 Composer 安裝 Ratchet

第 2 步：用 PHP 建立 WebSocket 伺服器

第 3 步：執行 WebSocket 伺服器

第 4 步：建立前端以連接到 WebSocket 伺服器

第 5 步：測試 WebSocket 連線

在 PHP 中使用 WebSocket 的優點

PHP 中 WebSocket 的用例

結論

熱AI工具

Undress AI Tool

Undresser.AI Undress

AI Clothes Remover

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題