swoole之建立 websocket server

一、代码部分

<?php
/**
 * 为什么用WebSocket?
 *  HTTP的通信只能由客户端发起
 *
 * WebSocket 协议是基于TCP的一种新的网络协议。实现了浏览器与服务器全双工通信——允许服务器主动发送信息给客户端。
 *
 * WebSocket 特点：
 * 1、建立在TCP协议之上
 * 2、性能开销下通信高效
 * 3、客户端可以与任意服务器通信
 * 4、协议标识符ws wss
 * 5、持久化网络通信协议
 */

use Swoole\WebSocket\Server;

$server = new Server("0.0.0.0", 9502);

// 连接并完成握手后会回调此函数
$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();

客户端：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>websocket client</title>
</head>

<body>
    <h1>swoole-ws测试</h1>
    <script>
        var wsUrl = 'ws://dk.com:9502';
        var websocket = new WebSocket(wsUrl);

        websocket.onopen = function (evt) {
            console.log("connect success");
            websocket.send('hello-swoole');
        };

        websocket.onmessage = function (evt) {
            console.log("server return data: " + evt.data);
        };

        websocket.onclose = function (evt) {
            console.log("connect close");
        };

        websocket.onerror = function (evt, e) {
            console.log("error: " + evt.data);
        }
    </script>
</body>

</html>

开启HTTP Server下，通过浏览器url访问

比如： http://127.0.0.1:9501/ws_client.html

swoole之建立 websocket server

猜你喜欢