1.在/web/tool/demo/server下新建ws_server.php
```
<?php
$server = new swoole_websocket_server("0.0.0.0", 9501);
$server->set(
[
'enable_static_handler' => true,
'document_root' => "/web/tool/demo/server",
]
);
//監聽websocket連接打開事件
$server->on('open', 'onOpen');
function onOpen($server, $request) {
print_r($request->fd);
}
// 監聽ws消息事件
$server->on('message', function (swoole_websocket_server $server, $frame) {
echo "接收 from {$frame->fd}:{$frame->data},opcode:{$frame->opcode},fin:{$frame->finish}\n";
$server->push($frame->fd, "singwa-push-secesss");//向客戶端推送數據
});
$server->on('close', function ($ser, $fd) {
echo "client {$fd} 關閉\n";
});
$server->start();
```
2.新建/web/tool/demo/html/ws_client.html
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>singwa-swoole-ws測試<h1>
<script>
var wsUrl = "ws://xxxxxx.com:9501";
var websocket = new WebSocket(wsUrl);
//實例對象的onopen屬性
websocket.onopen = function(evt) {
websocket.send("hello");//向服務器發送數據，服務器才有回調
console.log("conected-swoole-success");
}
// 實例化 onmessage
websocket.onmessage = function(evt) {
console.log("ws-server-return-data:" + evt.data);
}
//onclose
websocket.onclose = function(evt) {
console.log("close");
}
//onerror
websocket.onerror = function(evt, e) {
console.log("error:" + evt.data);
}
</script>
</body>
</html>
```
3.測試
