ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解_php实例_脚本之家

ThinkPHP使用Swoole需要安装think-swoole Composer包,前提系统已经安装好了Swoole
PECL 拓展

本文实例讲述了ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例。分享给大家供大家参考,具体如下:

tp5的项目根目录下执行composer命令安装think-swoole:

ThinkPHP使用Swoole需要安装 think-swoole
Composer包,前提系统已经安装好了Swoole PECL
拓展(相关文章:Linux下源码包安装使用Swoole扩展)

composer require topthink/think-swoole

在tp5的项目根目录下执行composer命令安装think-swoole:

话不多说,直接上代码:

composer require topthink/think-swoole

新建WebSocket.php控制器:

话不多说,直接上代码:

(监听端口要确认服务器放行,宝塔环境还需要添加安全组规则)

新建WebSocket.php控制器:

 4, //设置启动的Worker进程数 'daemonize' => false, //守护进程化 'backlog' => 128, //Listen队列长度 'dispatch_mode' => 2, //固定模式,保证同一个连接发来的数据只会被同一个worker处理 //心跳检测:每60秒遍历所有连接,强制关闭10分钟内没有向服务器发送任何数据的连接 'heartbeat_check_interval' => 60, 'heartbeat_idle_time' => 600 ]; //建立连接时回调函数 public function onOpen { $fd = $req->fd;//客户端标识 $uid = $req->get['uid'];//客户端传递的用户id $token = $req->get['token'];//客户端传递的用户登录token //省略token验证逻辑...... if { $arr = array('status'=>2,'message'=>'token已过期'); $server->push($fd, json_encode; $server->close; return; } //省略给用户绑定fd逻辑...... echo "用户{$uid}建立了连接,标识为{$fd}\n"; } //接收数据时回调函数 public function onMessage { $fd = $frame->fd; $message = $frame->data; //省略通过fd查询用户uid逻辑...... $uid = 666; $data['uid'] = $uid; $data['message'] = '用户'.$uid.'发送了:'.$message; $data['post_time'] = date; $arr = array('status'=>1,'message'=>'success','data'=>$data); //仅推送给当前连接用户 //$server->push($fd, json_encode; //推送给全部连接用户 foreach($server->connections as $fd) { $server->push($fd, json_encode; } } //连接关闭时回调函数 public function onClose { echo "标识{$fd}关闭了连接\n"; }}

(监听端口要确认服务器放行,宝塔环境还需要添加安全组规则)

(省略控制器判断登录状态、分配数据逻辑......)

 4, //设置启动的Worker进程数 'daemonize'=> false, //守护进程化 'backlog'=> 128, //Listen队列长度 'dispatch_mode' => 2, //固定模式,保证同一个连接发来的数据只会被同一个worker处理 //心跳检测:每60秒遍历所有连接,强制关闭10分钟内没有向服务器发送任何数据的连接 'heartbeat_check_interval' => 60, 'heartbeat_idle_time' => 600 ]; //建立连接时回调函数 public function onOpen { $fd = $req->fd;//客户端标识 $uid = $req->get['uid'];//客户端传递的用户id $token = $req->get['token'];//客户端传递的用户登录token //省略token验证逻辑...... if { $arr = array('status'=>2,'message'=>'token已过期'); $server->push($fd, json_encode; $server->close; return; } //省略给用户绑定fd逻辑...... echo "用户{$uid}建立了连接,标识为{$fd}\n"; } //接收数据时回调函数 public function onMessage { $fd = $frame->fd; $message = $frame->data; //省略通过fd查询用户uid逻辑...... $uid = 666; $data['uid'] = $uid; $data['message'] = '用户'.$uid.'发送了:'.$message; $data['post_time'] = date; $arr = array('status'=>1,'message'=>'success','data'=>$data); //仅推送给当前连接用户 //$server->push($fd, json_encode; //推送给全部连接用户 foreach($server->connections as $fd) { $server->push($fd, json_encode; } } //连接关闭时回调函数 public function onClose { echo "标识{$fd}关闭了连接\n"; }}
Chat 在线聊天 退出 发送 $ { var uid = 666;//当前用户id var token = 'abcdefg';//用户token //判断浏览器是否支持WebSocket var supportsWebSockets = 'WebSocket' in window || 'MozWebSocket' in window; if { //建立WebSocket连接 var ws = new WebSocket("ws://127.0.0.1:9501?u&token="+token); ws.onopen = function () { layer.msg('服务器连接成功',{shade:0.1,icon:1,time:600}); }; ws.onerror = function () { layer.msg('服务器连接失败',{shade:0.1,icon:2,time:600}); }; ws.onmessage = function { var data = $.parseJSON; //错误提示 if{ layer.alert(data.message,{icon:2}); return; } //消息返回 if (data.status==1 && data.data.message!='') { var html = ""; if { html += "<div style='word-break:break-all' class=\"show\"><div class=\"time\">"+data.data.post_time+"</div><div class=\"msg\"><img src=\""+data.data.head_img+"\" alt=\"\" /><p><i clas=\"msg_input\"></i>"+data.data.message+"</p></div></div>"; }else{ html += "<div style='word-break:break-all' class=\"send\"><div class=\"time\">"+data.data.post_time+"</div><div class=\"msg\"><img src=\""+data.data.head_img+"\" alt=\"\" /><p><i clas=\"msg_input\"></i>"+data.data.message+"</p></div></div>"; } } $.append; setTimeout { .children.scrollIntoView; }; ws.onclose = function { }; //按钮发送 $.click { var contents = $; if(contents == null || contents == ""){ layer.msg('内容为空',{shade:0.1,icon:2,time:600}); return false; }else{ ws.send.val; //回车发送 $.keydown { var that = $; if { evel.cancelBubble = true; evel.preventDefault(); evel.stopPropagation(); var contents = that.val; if(contents == null || contents == ""){ layer.msg('内容为空',{shade:0.1,icon:2,time:600}); return false; }else{ ws.send; that.val; }else{ layer.alert("您的浏览器不支持 WebSocket!"); }});

(省略控制器判断登录状态、分配数据逻辑......)

相关文章

Comment ()
评论是一种美德,说点什么吧,否则我会恨你的。。。