swoole入门-创建websocket服务器

WebSocket服务器是建立在Http服务器之上的长连接服务器,客户端首先会发送一个Http的请求与服务器进行握手。握手成功后会触发onOpen事件,表示连接已就绪,onOpen函数中可以得到$request对象,包含了Http握手的相关信息,如GET参数、Cookie、Http头信息等。

建立连接后客户端与服务器端就可以双向通信了

  1. 客户端向服务器端发送信息时,服务器端触发onMessage事件回调

  2. 服务器端可以调用$server->push()向某个客户端(使用$fd标识符)发送消息

  3. 服务器端可以设置onHandShake事件回调来手工处理WebSocket握手

  4. swoole_http_server是swoole_server的子类,内置了Http的支持

  5. swoole_websocket_server是swoole_http_server的子类, 内置了WebSocket的支持

服务端程序 ws_server.php

<?php

//创建websocket服务器对象,监听0.0.0.0:9502端口

$ws = new swoole_websocket_server("0.0.0.0", 9502);

//监听WebSocket连接打开事件

$ws->on('open', function ($ws, $request) {

    var_dump($request->fd, $request->get, $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, "我是服务器: {$frame->data}".mt_rand(1,10000));

});

//监听WebSocket连接关闭事件

$ws->on('close', function ($ws, $fd) {

    echo "client-{$fd} is closed\n";

});

$ws->start();

客户端程序ws_server.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>WebSorket DEMO</title>

</head>

<body>

    WebSorket DEMO

    <input type="submit" value="发送数据" onclick="song()">

</body>

<script>

    var wsServer = 'ws://127.0.0.1:9502';

    var websocket = new WebSocket(wsServer);

    websocket.onopen = function (evt) {

        console.log("客户端ws连接完成");

    };

    websocket.onclose = function (evt) {

        console.log("Disconnected");

    };

    websocket.onmessage = function (evt) {

        console.log('服务端来消息了' + evt.data);

    };

    websocket.onerror = function (evt, e) {

        console.log('Error occured: ' + evt.data);

    };

    function song(){

        var text = '你好';

        websocket.send(text);

    }

</script>

</html>

运行程序

1.服务端执行

    php ws_server.php

2.客户端浏览器 运行 localhost/ws_server.html

    点击发送数据按钮

    F12查看运行状态

 

祝您成功,666~

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值