您现在的位置是：技术博客 > PHPPHP

Swoole 基础篇五（WebSocket服务器）

Lucas2020-09-15 07:30【代码】740人已围观

简介swoole与WebSocket服务器的交互。WebSocket特点：单个TCP连接上进行全双工通信的协议、较轮询能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。

#### 三、WebSocket 服务器
web_server.php
```
<?php

//创建WebSocket Server对象，监听0.0.0.0:9502端口
$ws = new Swoole\WebSocket\Server('0.0.0.0', 9503);

//监听WebSocket连接打开事件
$ws->on('open', function ($ws, $request) {
    var_dump($request->fd, $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, "server: {$frame->data}");
});

//监听WebSocket连接关闭事件
$ws->on('close', function ($ws, $fd) {
    echo "client-{$fd} is closed\n";
});

$ws->start();
```
启动服务
```
php web_server.php
```
浏览器访问
```
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
</body>
<script type="text/javascript">
var wsServer = 'ws://111.231.194.64:9503';
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);
};
</script>
</html>
```
效果图如下：

![图片](/upload/article/image/00/socket.jpg "图片")

很赞哦！ ( 0 )

上一篇：Swoole 基础篇四（UDP服务器）

下一篇：Swoole 基础篇六（异步TASK）