swoole3-搭建websocket服务器

最新推荐文章于 2024-08-15 08:55:23 发布

jeremyke07

最新推荐文章于 2024-08-15 08:55:23 发布

阅读量694

点赞数

分类专栏： Swoole

本文链接：https://blog.csdn.net/jeremy_ke/article/details/84297937

版权

Swoole 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

websocket服务器的事件

事件名	作用
HandShake	`在websocket客户端连接websocket服务器时，需要给websocket客户端发送握手响应`
open	`已经和websocket客户端握手成功后，触发这个事件`
message	`这个websocket服务器收到这个websocket客户端发送的消息时触发`
close	`当这个websocket服务器和websocket客户端断开时触发这个事件`

通过调用这个类swoole_websocket_server的push可以给websocket客户端发送消息
通过调用这个类swoole_websocket_frame的data属性可以得到websocket客户端发送给websocket服务器的消息

示例代码

server代码

<?php
    //1.创建websocket服务器对象
    $serv =  new swoole_websocket_server('0.0.0.0',8000);
    //2.当客户端给ws服务器发送消息时回应
    $serv->on('message',function(swoole_websocket_server $server, swoole_websocket_frame $frame){
        //2.1获取客户端传过来的值做逻辑处理
        $receive_data = $frame->data;
        $send_data = (int)$receive_data+20;
        //2.2把结果返回给客户端
        $server->push($frame->fd, $send_data, 1, true);

    });
    //3.启动ws服务器
    $serv->start();

client代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>WebSocket</title>
    </head>
    <body>
        <h1>Echo Test</h1>
        <input type="text" id="sendTxt">
        <button id="sendBtn">发送</button>
    <div id="recv"></div>
    <script type="text/javascript">
        var websocket = new WebSocket("ws://192.168.144.128:8000");
        websocket.onopen = function(){
            console.log("websocket open");
            document.getElementById("recv").innerHTML = "Connected";
        }
        websocket.inclose = function(){
            console.log('websocket close');
        }
        websocket.onmessage = function(e){
            console.log(e.data);
            document.getElementById("recv").innerHTML = e.data;
        }
        document.getElementById("sendBtn").onclick = function(){
            var txt = document.getElementById("sendTxt").value;
            websocket.send(txt);
        }
    </script>
    </body>
</html>

swoole_websocket_frame 结构详解

object(Swoole\WebSocket\Frame)#6 (4) {
  ["fd"]=>int(5)#文件描述符，作为客户端的唯一标识
  ["finish"]=> bool(true)#数据内容，可以是文本内容也可以是二进制数据，可以通过opcode的值来判断
  ["opcode"]=>int(1)#WebSocket的OpCode类型，可以参考WebSocket协议标准文档 
  ["data"]=>string(26) "你好 这里是客户端1" #表示数据帧是否完整，一个WebSocket请求可能会分成多个数据帧进行发送 

}