開啟docker9501映射端口
ports:
- "${WORKSPACE_SSH_PORT}:22"
- "9501:9501"
編寫webSocketServer服務(wù)ws_server.php
// 創(chuàng)建websocket對(duì)象
$ws = new swoole_websocket_server('0.0.0.0', 9501);
// 監(jiān)聽serv啟動(dòng)事件
$ws->on('start', function ($serv) {
echo "Start \n";
});
// 監(jiān)聽websocket打開事件
$ws->on('open', function ($ws, $request) {
var_dump($request->fd, $request->get, $request->server);
$ws->push($request->fd, "hello, welcome \n");
});
// 監(jiān)聽websocket消息事件
$ws->on('message', function ($ws, $frame){
echo "Message: $frame->data \n";
$ws->push($frame->fd, "server: $frame->data \n");
});
// 監(jiān)聽webscket關(guān)閉事件
$ws->on('close', function ($ws, $fd) {
echo "client-$fd is closed \n";
});
// 啟動(dòng)websocket服務(wù)器
$ws->start();
編寫js客戶端ws_client.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>webSocket Demo</title>
</head>
<body>
<script>
var swServer = 'ws://127.0.0.1:9501';
var webSocket = new WebSocket(swServer);
webSocket.onopen = function (evt) {
console.log('connect 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);
}
</script>
</body>
</html>
開啟webSocketServer
php ws_server.php
訪問(wèn)websocket客戶端
雙擊打開ws_client.html文件，在控制臺(tái)查看連接情況
查看server端打印情況
