swoole+websocket聊天室简易版（前后端代码）

最新推荐文章于 2024-07-26 15:36:49 发布

19岁开始学习

最新推荐文章于 2024-07-26 15:36:49 发布

阅读量133

点赞数 6

本文链接：https://blog.csdn.net/weixin_44874327/article/details/139826289

版权

php代码

<?php

class WS
{
    private $server = null;

    public function __construct()
    {
        $this->server = new Swoole\WebSocket\Server('0.0.0.0', 9502);//让有ssl证书的也可以运行
//        $this->server = new Swoole\WebSocket\Server('0.0.0.0', 9502, SWOOLE_PROCESS, SWOOLE_SOCK_TCP | SWOOLE_SSL);//让有ssl证书的也可以运行
//        $this->server->set([
//            'ssl_cert_file' => '证书目录',
//            'ssl_key_file' => '目录'
//        ]);
        $this->server->on('Open', [$this, 'open']);
        $this->server->on('Message', [$this, 'message']);
        $this->server->on('Close', [$this, 'close']);
        $this->server->start();
    }

    public function open($ws, $request)
    {
        $ws->push($request->fd, "hello, welcome\n");
    }

    public function message($ws, $frame)
    {
        echo "Message: {$frame->data}\n";
        foreach ($ws->connections  as $fd) {
            if ($fd == $frame->fd) {
                $ws->push($fd, "我:{$frame->data}");
            } else {
                $ws->push($fd, "对方:{$frame->data}");
            }
        }
    }

    public function close($ws, $fd)
    {
        echo "client-{$fd} is closed\n";
    }

}

new WS();

使用php swoole

前端代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input id="val" type="text">
<input onclick="fasong()" type="button" value="点击">

</body>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
<script>
    var ws = new WebSocket('ws://localhost:9502');
    function open(){
        console.log('open');
    }
    function message(e){
        console.log("收到消息了：",e)
    }
    function close(){
        console.log('关闭')

    }
    function error(){
        console.log('error');

    }
    ws.onopen =open;
    ws.onmessage=message;
    ws.onclose=close;
    ws.onerror=error;
    function fasong(){
        let val = $('#val').val();
        console.log(val);
        ws.send(val);
        $('#val').val('');
    }

</script>
</html>