swoole学习之: 运行第一个WebSocket 服务器

程序代码:

websocket.php

//创建websocket server对象, 监听10.0.2.7:81端口
$server = new Swoole\WebSocket\Server('10.0.2.7', 81);//虚拟机外部访问地址: 127.0.0.1:40181

//服务启动
$server->on('Start', function($server){
    echo 'Swoole WebSocket server started at '.date('Y-m-d H:i:s').PHP_EOL;
});

//监听websocket连接打开事件
$server->on('Open', function($server, $request){
    echo 'client id='.$request->fd.' connected at '.date('Y-m-d H:i:s').PHP_EOL;
    $server->push($request->fd, "Hello, welcome! Your id:".$request->fd.PHP_EOL);
});

//监听websocket消息事件
$server->on('Message', function($server, $frame){
    echo 'Received Message from id='.$frame->fd.' :'.$frame->data.PHP_EOL;
    $server->push($frame->fd, "server: ".$frame->data);
});

//监听websocket连接关闭事件
$server->on('Close', function($server, $fd){
    echo 'client Closed id= '.$fd.' at '.date('Y-m-d H:i:s').PHP_EOL;
});

$server->start();

• 客户端向服务器端发送信息时，服务器端触发 onMessage 事件回调.
• 服务器端可以调用 $server->push() 向某个客户端（使用 $fd 标识符）发送消息

运行程序

php websocket.php

可以使用 Chrome 浏览器的开发者工具进行测试，JS 代码为(这里使用的是之前配置的虚拟机, 使用NAT Network端口转发)：

//websocket代码JS示例
var wsServer = 'ws://127.0.0.1:40181';
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);
};

在console中黏贴上面的代码:

回车, 执行:

已经连接上了服务器, 并收到了服务器的回应: "Hello, welcome! Your id:1"

向服务器端发送消息, 使用 websocket.send(string message), 关闭连接使用websocket.close().

我们发送一个消息, 内容是 "show me the money":

关闭连接:

我们可以在Network请求记录的Message中看到所有的数据交互记录: