swoole 搭建websocker聊天室加聊天记录

最新推荐文章于 2024-07-30 02:30:00 发布
最新推荐文章于 2024-07-30 02:30:00 发布
阅读量497 收藏
点赞数
分类专栏： 聊天室 swoole 文章标签： swoole websocker 简单聊天室
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/junerun/article/details/101196276
版权

客户端html页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery-3.2.1.min.js"></script>
    <script src="./jquery.qqFace.js"></script>
    <style>
        li{
            list-style: none;
        }
    </style>
</head>
<body>
    <div>
        <div class="left" style="float: left;border: 1px solid red;width: 70%;height: 600px">
            <div style="height: 450px;">
                <ul id="message">
                    <li style="text-align: right;">测试</li>
                    <li style="text-align: right;">聊天室</li>
                </ul>
            </div>
            <hr>
            <div class="com_form">
                <div style="display: none;">
                    <textarea  class="input" name="saytext" id="saytext" cols="120%" rows="5" placeholder="发送内容" style="min-height: 50px;min-width: 600px;"></textarea>
                </div>
                <select name="send_user" id=""></select><span class="emotion">表情</span><a href="javascript:;" id="history_list">查看聊天记录</a>
                <textarea  class="input"  id="content" cols="120%" rows="5" placeholder="发送内容" style="min-height: 50px;min-width: 600px;"></textarea>
                <button id="sendMessage">发送</button>
            </div>
        </div>
        <div class="right" style="float: right;border: 1px solid blue;width: 29%;height: 600px">
            <ul id="user_list">

            </ul>
            <ul id="history_msg">

            </ul>
        </div>
    </div>
</body>
</html>
<script>
    /*$('.emotion').qqFace({
        id : 'facebox', //表情盒子的ID
        assign:'saytext', //给那个控件赋值
        path:'face/',	//表情存放的路径
    });*/
    $(".emotion").click(function(){
        $(this).qqFace({
            id : 'facebox', //表情盒子的ID
            assign:'saytext', //给那个控件赋值
            path:'face/',	//表情存放的路径
        })
        var str = $("#saytext").val();
        $("#content").html(str);
    });

    var user_name = '';
    var password = '123456';

    function showprompt(){
        while( user_name == '' ){
            user_name = prompt('请输入你的用户名');
        }
        while( password == '' ){
            password = prompt('请输入你的密码');
        }
        // type = 1 标示发送的是登录的数据
        var data = '{"type":1,"user_name":"'+user_name+'","password":"'+password+'"}';

        console.log( '发送给服务端数据：'+ data );
        websocket.send( data );
        console.log(123)
    }
    $('#sendMessage').click(function(){
        sendMessage()
    })
    function sendMessage(){
        var content = $('#content').val();
        var user_id = $('[name=send_user]').val();
        console.log(user_id);
        $('#content').val('')
//    content.replace('\r\n',"<br/>");
        content=content.replace(/\r/g,"&nbsp;");
        content=content.replace(/\n/g,"<br />");
        if( user_id != -1 ){
            var json ='{"type":2,"user_name":"'+user_name+'","message":"'+content+'","send_to":'+user_id+'}';
        }else{
            var json ='{"type":2,"user_name":"'+user_name+'","message":"'+content+'","send_to":"all"}';
        }

        console.log(json);
        websocket.send(json);
    }
    $('#history_list').click(function(){
        sendHistory()
    })
    function sendHistory(){
//        var content = $('#content').val();
        var user_id = $('[name=send_user]').val();
        console.log(user_id);
//        $('#content').val('')
//    content.replace('\r\n',"<br/>");
        if( user_id != -1 ){
            var json ='{"type":3,"send_to":'+user_id+'}';
        }else{
            var json ='{"type":3,"send_to":"all"}';
        }

        console.log(json);
        websocket.send(json);
    }


    var wsServer = 'ws://127.0.0.1:9501';
    var websocket = new WebSocket(wsServer);
    websocket.onopen = function (evt) {
        console.log("连接成功");
        showprompt();
    };

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

    websocket.onmessage = function (evt) {
//        console.log( typeof evt.data);
//        console.log( evt.data);
        var s_data = JSON.parse( evt.data);
//        console.log( s_data.type );

        if( s_data.type == 'connect' ){

        }else if( s_data.type == 'login' ){
            if(s_data.status != 1000 ){
                user_name = '';
                password = '';
                alert(s_data.msg);
                showprompt();
            }
        }else if( s_data.type == 'online' ){
            $('#message').find('li').last().after(
                    '<li>'+s_data.msg+'</li>'
            );
        }else if( s_data.type == 'online_list'){
            console.log(s_data)
            var user_list = '';
            var option_list = '<option value="-1">所有人</option>';
            for( var i in s_data ){
                console.log(s_data[i]!='online_list')
                if(s_data[i]!='online_list'){
                    user_list += '<li>'+s_data[i].user_name+'</li>';
                    option_list += '<option value="'+s_data[i].fd+'">'
                            + s_data[i].user_name+'</option>'
                }
            }
//            console.log(user_list)
//            console.log(option_list)
            $('#user_list').html( user_list );
            $('[name=send_user]').html(option_list);

        }else if( s_data.type == 'message'){

            var s_mesage = s_data.msg;
            var new1 =replace_em( s_mesage );
//            console.log(new1);
            if( s_data.isme == 1 ){
                var msg = '<li style="text-align: right;">'+new1+'</li>';
            }else{
                var msg = '<li>'+new1+'</li>';
            }
            console.log(msg)
            $('#message').find('li').last().after( msg );
        }else if(s_data.type=='his_data'){
            console.log(s_data.data)
            var his_list = '<li><hr/></li>';
            for( var i in s_data.data ){
                if(s_data.data[i].isme==1){
                    his_list += '<li style="text-align: right;">'+s_data.data[i].name+'：'+s_data.data[i].message+'</li>';
                }else{
                    his_list += '<li>'+s_data.data[i].name+'：'+s_data.data[i].message+'</li>';
                }
            }
            $('#history_msg').html( his_list );
        }
    };

    websocket.onerror = function (evt, e) {
        console.log('Error occured: ' + evt.data);
    };


    function replace_em(str){
//        str = str.replace(/\</g,'&lt;');
//        str = str.replace(/\>/g,'&gt;');
//        str = str.replace(/\n/g,'<br/>');
        str = str.replace(/\[em_([0-9]*)\]/g,'<img src="face/$1.gif" border="0" />');
        return str;
    }
</script>

php后端代码：

<?php
function async($data)
{
    $client = new swoole_client(SWOOLE_SOCK_TCP, SWOOLE_SOCK_ASYNC);
    /*$rand=range(1,100);
    shuffle($rand);
    $num=json_encode($rand);*/
//注册连接成功回调
    $client->on("connect", function($cli)use($data){
//    $cli->send("hello world\n");
        $cli->send(json_encode($data));
        $cli->close();
    });

//注册数据接收回调
    $client->on("receive", function($cli, $data){
//    $cli->send($num);
        echo "Received: ".$data."\n";
    });

//注册连接失败回调
    $client->on("error", function($cli){
        echo "Connect failed\n";
    });

//注册连接关闭回调
    $client->on("close", function($cli){
        echo "Connection close\n";
    });

//发起连接
    $client->connect('127.0.0.1', 3306, 0.5);
}
	//创建websocket服务器对象，监听0.0.0.0:9502端口
$ws = new swoole_websocket_server("0.0.0.0", 9501);
$ws->set(['task_worker_num'=>200]);
$ws->on('task',function($ws,$task_id,$form_id,$data){
    echo '异步处理';
    var_dump($data);
});
//监听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) {
    $client = new swoole_client(SWOOLE_SOCK_TCP, SWOOLE_SOCK_ASYNC);
    $redis = new Swoole\Coroutine\Redis();
    $redis->connect('127.0.0.1', 6379);
    $online_str=$redis->get('online_user');
    if(empty($online_str)){
        $online_info=[];
    }else{
        $online_info=json_decode($online_str,true);
    }
    echo "Message: {$frame->data}\n";
    $data_arr=json_decode($frame->data,true);
    //登录
    if($data_arr['type']==1){
        if(!empty($data_arr['user_name'])&&$data_arr['password']=='123456'){
            $msg=[
                'type'=>'online',
                'msg'=>'登陆'.$data_arr['user_name'].'登录',
                'status'=>1000
            ];
            $login_info=[
                $frame->fd=>[
                    'user_name'=>$data_arr['user_name'],
                    'password'=>$data_arr['password'],
                    'fd'=>$frame->fd
                ]
            ];
            $online_arr=$online_info+$login_info;
            $redis->set('online_user',json_encode($online_arr));
            $online_data=$online_arr;
            $online_arr['type']='online_list';
            var_dump($online_data);
            foreach($online_data as $k=>$v){
                $ws->push($k, json_encode($msg));
                $ws->push($k, json_encode($online_arr));
            }

        }else{
            $msg=[
                'type'=>'login',
                'message'=>'账号或密码不正确',
                'status'=>500
            ];
            $ws->push($frame->fd, json_encode($msg));
        }
    }elseif($data_arr['type']==2)
    {
        $swoole_mysql = new Swoole\Coroutine\MySQL();
        $swoole_mysql->connect([
            'host' => '127.0.0.1',
            'port' => 3306,
            'user' => '',
            'password' => '',
            'database' => '',
        ]);
        if($data_arr['send_to']=='all'){
            $data=[
                'type'=>'message',
                'msg'=>$data_arr['user_name'].':'.$data_arr['message'],
                'status'=>1000
            ];
            foreach($online_info as $k=>$v){
                if($v['fd']==$frame->fd){
                    $data['isme']=1;
                }else{
                    $data['isme']=2;
                }
                $ws->push($k, json_encode($data));
            }
            $message=[
                'name'=>$data_arr['user_name'],
                'message'=>$data_arr['message'],
                'fd'=>$frame->fd
            ];
            //发送异步请求
//            async($message);
            $name=$data_arr['user_name'];
            $message=$data_arr['message'];
            $fd=$frame->fd;
            $time=time();
            $sql="insert into pub_msg VALUE (null,'$name','$message','$fd','$time')";
        }else{
            $data=[
                'type'=>'message',
                'msg'=>"<span style='color: red;'>".$data_arr['user_name'].'对你说：'.$data_arr['message']."</span>",
                'status'=>1000,
                'isme'=>2
            ];
            $data2=[
                'type'=>'message',
                'msg'=>"<span style='color: red;'>".'你对'.$online_info[$data_arr['send_to']]['user_name'].'说：'.$data_arr['message']."</span>",
                'status'=>1000,
                'isme'=>1
            ];
            $ws->push($data_arr['send_to'], json_encode($data));
            $ws->push($frame->fd, json_encode($data2));
            $name=$data_arr['user_name'];
            $message=$data_arr['message'];
            $fd=$frame->fd;
            $to_fd=$data_arr['send_to'];
            $time=time();
            $sql="insert into pri_msg VALUE (null,'$name','$message','$fd','$to_fd','$time')";
        }
        $res=$swoole_mysql->query($sql);
        echo $sql."\n";
        if($res){
            echo '记录成功';
        }else{
            echo '记录失败';
        }
    }elseif($data_arr['type']==3){
        $swoole_mysql = new Swoole\Coroutine\MySQL();
        $swoole_mysql->connect([
            'host' => '127.0.0.1',
            'port' => 3306,
            'user' => '',
            'password' => '',
            'database' => '',
        ]);
        if($data_arr['send_to']=='all'){
            $sql="select * from pub_msg order by send_time asc";
            $arr=$swoole_mysql->query($sql);
            foreach($arr as $k=>$v){
                if($v['fd']==$frame->fd){
                    $arr[$k]['isme']=1;
                }else{
                    $arr[$k]['isme']=2;
                }
            }
            $data=[
                'type'=>'his_data',
                'data'=>$arr
            ];
        }else{
            $to_fd=$data_arr['send_to'];
            $fd=$frame->fd;
            $sqlme="select * from pri_msg where fd=$fd and to_fd=$to_fd";
            $sqlit="select * from pri_msg where fd=$to_fd and to_fd=$fd";
            $arr1=$swoole_mysql->query($sqlme);
            $arr2=$swoole_mysql->query($sqlit);
//            $arr=(array)$arr1+(array)$arr2;
            $arr=array_merge((array)$arr1,(array)$arr2);
            foreach($arr as $k=>$v){
                if($v['fd']==$frame->fd){
                    $arr[$k]['isme']=1;
                }else{
                    $arr[$k]['isme']=2;
                }
            }
            $datetime = array();
            foreach ($arr as $user) {
                $datetime[] = $user['send_time'];
            }
            array_multisort($datetime,SORT_DESC,$arr);
            $data=[
                'type'=>'his_data',
                'data'=>$arr
            ];
        }
        $ws->push($frame->fd, json_encode($data));
    }

});

//监听WebSocket连接关闭事件
$ws->on('close', function ($ws, $fd) {
//    echo "client-{$fd} is closed\n";
    $redis = new Swoole\Coroutine\Redis();
    $redis->connect('127.0.0.1', 6379);
    $online_str=$redis->get('online_user');
    if(empty($online_str)){
        $online_info=[];
    }else{
        $online_info=json_decode($online_str,true);
    }
    $msg=[
        'type'=>'online',
        'msg'=>$online_info[$fd]['user_name'].'已下线',
        'status'=>1000
    ];
    unset($online_info[$fd]);

    $redis->set('online_user',json_encode($online_info));
    $online_data=$online_info;
    $online_info['type']='online_list';
    var_dump($online_data);
    foreach($online_data as $k=>$v){
        $ws->push($k, json_encode($msg));
        $ws->push($k, json_encode($online_info));
    }

});

$ws->start();
?>

本文参考swoole文档详细请看 https://wiki.swoole.com/wiki/page/397.html

等我。
关注
专栏目录
php swoole4 用WebSocket服务器搭建一个简易的点对点一对一的聊天功能（进阶版）
向宇
09-02 835
前言： 之前我写了一篇搭建简易的聊天室功能的文章，不知道的建议先去看一下：https://blog.csdn.net/qq_36303853/article/details/119958945 这时候好学的小伙伴就会问了，那怎么实现一对一的聊天呢？ 前提 注：这里的用的redis保存用户信息，你也可以用mysql数据库，我提供的只是思路，方法不唯一，能实现就行 一台服务器 安装swoole4 php>=7.2 安装rerdis（我这里用的redis，你也可以用mysql数据库） 宝塔和阿里云分别.
websocket 获取连接id_Swoole学习笔记七：搭建WebSocket长连接 之 使用 USER_ID 作为身份凭证...
weixin_39760967的博客
12-19 833
Swoole学习笔记七：搭建WebSocket长连接 之 使用 USER_ID 作为身份凭证2年前阅读 3678评论 0喜欢 0### 0、前言前面基本的WebSocket操作，我们基本都已经掌握了，接下来我们要学习的是怎么用`user_id`去关联一个fd凭证呢？按我们的思路应该是在`data`存储器中，将`fd`替换成`user_id`，但这样在server的`close`事件中，就需要用遍历...
websocket实现聊天记录
09-26
登录验证 wobsocket聊天
swool（php线上实现简易聊天室功能）
weixin_30438813的博客
07-18 476
一. php后台代码 : 1 <?php 2 class Chat 3 { 4 const HOST = '0.0.0.0';//ip地址 0.0.0.0代表接受所有ip的访问 5 const PART = 81;//端口号 6 private $server = null;//单例存放websocket_server对象 7 ...
开发业务（3）——swoole和聊天室入门开发
最新发布
大梁来了的博客
07-30 347
swoole开发多人聊天室
基于websocket实时聊天记录Demo
12-12
一个基于websocket实时聊天记录代码Demo，亲测很好用，可以学习一下。
websocket聊天室，简单版本,基于swoole
z8853797的专栏
12-15 1034
环境是lnmp + redis 。 使用swoole ，php-redis 扩展 比较简单的一个聊天室，有时间继续完善。 地址 ：https://github.com/qiuyuexi/swoole_simple_chat.git
swoole聊天室demo
找不到我的路
09-12 932
实现效果 socket聊天室 github demo SWOOLE是什么 官网如是说：Swoole：面向生产环境的 PHP 异步网络通信引擎 使 PHP 开发人员可以编写高性能的异步并发 TCP、UDP、Unix Socket、HTTP，WebSocket 服务。Swoole 可以广泛应用于互联网、移动通信、企业软件、云计算、网络游戏、物联网（IOT）、车联网、智能家居等领域。 使用 P...
PHP+swoole实现简单多人在线聊天群发
10-22
二、PHP+swoole搭建WebSocket服务器 在PHP+swoole中，可以通过创建swoole_websocket_server类的实例来搭建一个WebSocket服务器。在本文中，服务器的地址被设置为"***.*.*.*"，端口为3999。然后通过调用set方法进行...
think-swoole.zip
06-24
- 引入数据库存储聊天记录，提供历史消息查询功能。 - 实现用户认证，保证聊天的安全性。 - 增加群组聊天、私聊等功能，提升用户体验。 - 使用Redis等缓存服务，提高消息的发布和订阅效率。 总结，通过ThinkPHP6和...
基于EasySwoole框架使用WebSocket实现即时通讯
理解WebSocket和EasySwoole框架 ## 1.1 什么是WebSocket技术 WebSocket是一种在单个TCP连接上进行全双工通信的协议，它使得客户端和服务器之间可以实时、低延迟地进行通信。相比HTTP协议，WebSocket更适用于需要...
用swoole扩展编写WebSocket聊天室
35574001的博客
07-11 3620
最近正在接触swoole扩展 先写个简单的swoole聊天室demo吧 swoole chatroom var exampleSocket = new WebSocket("ws://0.0.0.0:9501"); exampleSocket.onopen = function (event) { exampleSocket.send("连接!");
swoole第一次使用后的记录
qq_36830901的博客
09-07 329
swoole：php的一个扩展，C语言编写。带给了php新的特性，增加了php在web开发中的地位。 swoole实现了php的与客户端的长连接。支持ftp、udp、http、websocket等传输协议。即可以作为服务端，也可以作为客户端，这是面向事件的编程方式。其中包含消息队列、异步redis，mysql客户端、毫秒定时器等。 简单阐述一下，websocket服务端和前端的通讯事例 ...
Netty应用（六）Websocket连接时携带用户名
宝华的小岛
04-20 3293
接上次Netty实现Websocket协议通信的例子 https://blog.csdn.net/xxkalychen/article/details/115903261?spm=1001.2014.3001.5501 整个实例对于客户端的标识都是channel的id或者远程地址，并不直观，我们希望有更加清楚的标识，比如用户名。我们可以制定协议或者上行报文，来识别哪些消息是身份标识，哪些是聊天内容。不过这样我们就要在连接成功之后第一次发送消息时确定。 其实我们也可以在连接的时候就带上我们的用户名，就像
小程序 + PHP 使用 Swoole 实现实时聊天功能（Tp5框架）
志志网的博客
09-12 2549
配置 1，小程序域名必须是https 2，小程序的话证书必须要设置，因为是https的 （如果用的宝塔免费证书：证书路径是 /www/server/panel/vhost/ssl/站点名称/证书。如果前面路径跟我不一样的话必须找站点下面的那个证书，否则不能使呀） 3，阿里云安全组需要放行你用的端口（我开的是9501 - 9502），如果用的宝塔面板，宝塔上也需要在安全里面放行9501 - .........
HTTPS站点使用WebSocket的常见错误及解决方案
热门推荐
派煌篇的博客
12-26 3万+
因为HTTPS是基于SSL依靠证书来验证服务器的身份，并为浏览器和服务器之间的通信加密，所以在HTTPS站点调用某些非SSL验证的资源时浏览器可能会阻止。比如使用ws://***调用websocket服务器或者引入类似http://***.js的js文件等都会报错。这里简述一下连接websocket服务器时的错误及解决方案。当使用ws://连接websocket服务器时会出现类似如下错误： Mi...
Swoole+Redis+webSocket实现点对点即时聊天
专业打杂工
08-15 3401
Swoole+Redis+webSocket实现点对点即时聊天，以下是代码+效果截图： Server.php: $server = new swoole_websocket_server("0.0.0.0", 9502); $server-&gt;on('open', function($server, $req) { echo "connection open: {$req-&g...
使用Swoole构建WebSocket聊天室：120行代码实战
"使用Swoole构建WebSocket聊天室的简单示例" Swoole是一个针对PHP的高性能网络通信引擎，由纯C语言编写，旨在提供PHP的异步、并行处理能力。它支持多种网络协议，包括HTTP、WebSocket、TCP、UDP等，还集成了Http2.0...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值