swoole 学习笔记（3）-- WebSocket

最新推荐文章于 2022-11-25 19:00:19 发布

wangxiaoangg

最新推荐文章于 2022-11-25 19:00:19 发布

阅读量224

点赞数

分类专栏： swoole

本文链接：https://blog.csdn.net/qq_16399991/article/details/81284530

版权

swoole 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

swoole 文档

1服务端代码：

<?php
/**
 * Created by PhpStorm.
 * User: 
 * Date: 2018/7/22
 * Time: 15:12
 */
$server = new swoole_websocket_server("0.0.0.0", 8813);

//$server->set([]);

//监听websocket连接打开事件
$server->on('open', function (swoole_websocket_server $server, $request) {
    echo "server: handshake success with fd{$request->fd}\n";
});

//监听ws消息事件
$server->on('message', function (swoole_websocket_server $server, $frame) {
    echo "receive from {$frame->fd}:{$frame->data},opcode:{$frame->opcode},fin:{$frame->finish}\n";
    $server->push($frame->fd, "this is server");
});

//关闭事件
$server->on('close', function ($ser, $fd) {
    echo "client {$fd} closed\n";
});

$server->start();

2 客户端

新建一个html文件是按websocket客户端

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
    var wsUrl = 'ws://xx.xx.xx.xx:8813';
    var webSocket = new WebSocket(wsUrl);
    webSocket.onopen = function (evt) {
        console.log('conected-success');
    }

    webSocket.onmessage = function (evt) {
        console.log('server-return:' + evt.data);
    }

    webSocket.onclose = function (evt) {
        console.log('close');
    }

    webSocket.onerror =function (evt, e) {
        console.log('error' + evt.data)
    }
</script>
</body>
</html>

3.测试

启动服务端
启动客户端

上图三行分别为 “连接成功，收到消息，关闭客户端” 的输出信息

wangxiaoangg

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
swoole 学习笔记（3）-- WebSocket

swoole 文档1服务端代码：&lt;?php/** * Created by PhpStorm. * User: * Date: 2018/7/22 * Time: 15:12 */$server = new swoole_websocket_server("0.0.0.0", 8813);//$server-&gt;set([]);//监听websocket...
复制链接

扫一扫