哈!!伸港玩資訊!!哈: 利用 swoole 架設 websocket 簡單範例

2019年4月11日星期四

利用 swoole 架設 websocket 簡單範例

從資料來源1 開始實作。
老實說，很多程式碼看不懂，只是造本宣科而已。但還是將之記錄起來，至少是寫給自己看。
分成兩台。分成Server端與Client端。Server端IP:192.168.32.106，Client端IP:192.168.32.182
兩端檔案位置均放置在 /home/webadmin/html/ 下

1.首先是Server端，檔名為 swoole.php
<?php
// 建立 websocket 物件，監聽 192.168.32.106:8080 連接埠
$ws = new swoole_websocket_server("192.168.32.106", 8080);

// 監聽 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, $frame->data);
});

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

$ws->start();
?>
2.程式碼完成後，在command line 打上
$php swoole.php
然後等待 client 端來接

3.接下來是 Client端，檔名為 client_swoole.html
<html>
<head>
<title> client swoole test</title>
<script>
var wsServer = 'ws://192.168.32.106:8080';
var websocket = new WebSocket(wsServer);
websocket.onopen = function (evt) {
console.log("Success to connect WebSocket Server");
};
websocket.onclose = function (evt) {
console.log("Closed to connect WebSocket Server");
};
websocket.onmessage = function (evt) {
console.log('The message which is recived from the WebSocket Server is the: ' + evt.data);
};
websocket.onerror = function (evt,e) {
console.log('Error: ' + evt.data);
}
</script>
</head>
<body>
</body>
</html>

4.程式碼打完，用瀏覽器開啟。