Swoole 跟 thinkphp5 结合开发 WebSocket 在线聊天通讯系统
ThinkPHP 使用 Swoole 需要安装 think-swoole Composer 包,前提系统已经安装好了 Swoole PECL 拓展
tp5 的项目根目录下执行 composer 命令安装 think-swoole:
composer require topthink/think-swoole 话不多说,直接上代码:
新建 WebSocket.php 控制器:
(监听端口要确认服务器放行,宝塔环境还需要添加安全组规则)
namespace apphomecontroller;use thinkswooleServer;class WebSocket e xtends Server{
protected $host = '0.0.0.0'; //监听所有地址
protected $port = 9501; //监听 9501 端口
protected $serverType = 'socket';
protected $option = [ 'worker_num'=> 4, //设置启动的 Worker 进程数
'daemonize' => false, //守护进程化(上线改为 true)
'backlog' => 128, //Listen 队列长度
'dispatch_mode' => 2, //固定模式,保证同一个连接发来的数据只会被同一个 worker 处理
//心跳检测:每 60 秒遍历所有连接,强制关闭 10 分钟内没有向服务器发送任何数据的连接 'heartbeat_check_interval' => 60,
'heartbeat_idle_time' => 600 ];
//建立连接时回调函数 public function onOpen($server,$req) {
$fd = $req->fd;//客户端标识
$uid = $req->get['uid'];//客户端传递的用户
id $token = $req->get['token'];//客户端传递的用户登录 token
//省略 token 验证逻辑......
if (!$token) {
$arr = array('status'=>2,'message'=>'token 已过期');
$server->push($fd, json_encode($arr));
$server->close($fd); return; } //省略给用户绑定 fd 逻辑......
echo "用户{$uid}建立了连接,标识为{$fd}n";
}
//接收数据时回调函数
public function onMessage($server,$frame) {
$fd = $frame->fd;
$message = $frame->data;
//省略通过 fd 查询用户 uid 逻辑......
$uid = 666;
$data['uid'] = $uid;
$data['message'] = '用户'.$uid.'发送了:'.$message;
$data['post_time'] = date("m/d H:i",time());
$arr = array('status'=>1,'message'=>'success','data'=>$data); //仅推送给当前连接用户
//$server->push($fd, json_encode($arr));
//推送给全部连接用户
foreach($server->connections as $fd) {
$server->push($fd, json_encode($arr));
}
}
//连接关闭时回调函数
public function onClose($server,$fd) {
echo "标识{$fd}关闭了连接n"; }
}
前端演示页面:
(省略控制器判断登录状态、分配数据逻辑......)
//消息返回
//按钮发送
$("#sendBtn").click(function () {
var contents = $("#msg").val().trim();
if(contents == null || contents == ""){
layer.msg('内容为空',{shade:0.1,icon:2,time:600});
return false;
}else{
ws.send(contents);
$("#msg").val(""); } });
//回车发送
$("#msg").keydown(function (evel) {
var that = $(this);
if (evel.keyCode == 13) {
evel.cancelBubble = true;
evel.preventDefault();
evel.stopPropagation();
var contents = that.val().trim();
if(contents == null || contents == ""){
layer.msg('内容为空',{shade:0.1,icon:2,time:600});
return false;
}else{ ws.send(contents);
that.val(""); } } });
}else{
layer.alert("您的浏览器不支持 WebSocket!");
} });</script>
服务器移到项目根目录开启服务:
php public/index.php Websocket/start
这里的路径,是因为我绑定了 home 模块为默认模块,tp5 默认情况是:php public/index.php index/Websocket/start)
开启成功,查看端口已经被监听:
lsof -i:9501
如果你喜欢我写的技术文章以及面试总结,欢迎关注收看我的视频,并且点赞、收藏、关注我哦。
我是luke,感谢你的关注!
据说点赞,喜欢,收藏了的小伙伴进阶涨薪,面试必过,拿到心仪offer!