程序代码:
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中看到所有的数据交互记录: