WebSocket服务器是建立在Http服务器之上的长连接服务器,客户端首先会发送一个Http的请求与服务器进行握手。握手成功后会触发onOpen事件,表示连接已就绪,onOpen函数中可以得到$request对象,包含了Http握手的相关信息,如GET参数、Cookie、Http头信息等。
建立连接后客户端与服务器端就可以双向通信了
-
客户端向服务器端发送信息时,服务器端触发onMessage事件回调
-
服务器端可以调用$server->push()向某个客户端(使用$fd标识符)发送消息
-
服务器端可以设置onHandShake事件回调来手工处理WebSocket握手
-
swoole_http_server是swoole_server的子类,内置了Http的支持
-
swoole_websocket_server是swoole_http_server的子类, 内置了WebSocket的支持
服务端程序 ws_server.php
<?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, "我是服务器: {$frame->data}".mt_rand(1,10000));
});
//监听WebSocket连接关闭事件
$ws->on('close', function ($ws, $fd) {
echo "client-{$fd} is closed\n";
});
$ws->start();
客户端程序ws_server.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>WebSorket DEMO</title>
</head>
<body>
WebSorket DEMO
<input type="submit" value="发送数据" onclick="song()">
</body>
<script>
var wsServer = 'ws://127.0.0.1:9502';
var websocket = new WebSocket(wsServer);
websocket.onopen = function (evt) {
console.log("客户端ws连接完成");
};
websocket.onclose = function (evt) {
console.log("Disconnected");
};
websocket.onmessage = function (evt) {
console.log('服务端来消息了' + evt.data);
};
websocket.onerror = function (evt, e) {
console.log('Error occured: ' + evt.data);
};
function song(){
var text = '你好';
websocket.send(text);
}
</script>
</html>
运行程序
1.服务端执行
php ws_server.php
2.客户端浏览器 运行 localhost/ws_server.html
点击发送数据按钮
F12查看运行状态
祝您成功,666~