1. 程式人生 > >【swoole快速入門4】建立WebSocket伺服器

【swoole快速入門4】建立WebSocket伺服器

程式程式碼

ws_server.php

//建立websocket伺服器物件,監聽0.0.0.0:9502埠
$ws = new swoole_websocket_server("0.0.0.0", 9502);

//監聽WebSocket連線開啟事件
$ws->on('open', function ($ws, $request) {
    var_dump($request->fd, $request->get, $request->server);
    $ws->push($request->fd, "hello, welcome\n");
});

//監聽WebSocket訊息事件
$ws->on('message', function ($ws, $frame) {
    echo "Message: {$frame->data}\n";
    $ws->push($frame->fd, "server: {$frame->data}");
});

//監聽WebSocket連線關閉事件
$ws->on('close', function ($ws, $fd) {
    echo "client-{$fd} is closed\n";
});

$ws->start();

WebSocket伺服器是建立在Http伺服器之上的長連線伺服器,客戶端首先會發送一個Http的請求與伺服器進行握手。握手成功後會觸發onOpen事件,表示連線已就緒,onOpen函式中可以得到$request物件,包含了Http握手的相關資訊,如GET引數、Cookie、Http頭資訊等。

建立連線後客戶端與伺服器端就可以雙向通訊了。

  • 客戶端向伺服器端傳送資訊時,伺服器端觸發onMessage事件回撥
  • 伺服器端可以呼叫$server->push()向某個客戶端(使用$fd識別符號)傳送訊息
  • 伺服器端可以設定onHandShake事件回撥來手工處理WebSocket握手

執行程式

php ws_server.php

可以使用Chrome瀏覽器進行測試,JS程式碼為:

var wsServer = 'ws://127.0.0.1:9502';
var websocket = new WebSocket(wsServer);
websocket.onopen = function (evt) {
    console.log("Connected to WebSocket server.");
};

websocket.onclose = function (evt) {
    console.log("Disconnected");
};

websocket.onmessage = function (evt) {
    console.log('Retrieved data from server: ' + evt.data);
};

websocket.onerror = function (evt, e) {
    console.log('Error occured: ' + evt.data);
};
  • 不能直接使用swoole_client與websocket伺服器通訊,swoole_client是TCP客戶端
  • 必須實現WebSocket協議才能和WebSocket伺服器通訊,可以使用swoole/framework提供的PHP WebSocket客戶端

Comet

WebSocket伺服器除了提供WebSocket功能之外,實際上也可以處理Http長連線。只需要增加onRequest事件監聽即可實現Comet方案Http長輪詢。