Linux下源码包安装使用Swoole扩展【美高梅网上注册
分类:美高梅网上注册平台

ThinkPHP使用Swoole需要安装think-swoole Composer美高梅网上注册平台 ,包,前提系统已经安装好了Swoole PECL 拓展

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

随着微信的普及,扫码登录方式越来越被现在的应用所使用。它因为不用去记住密码,只要有微信号即可方便快捷登录。微信的开放平台原生就有支持扫码登录的功能,不过大部分人还是在用公众平台,所以扫码登录只能自行实现。这里基于微信公众平台的带参数临时二维码,并且结合 Swoole 的 WebSocket 服务实现扫码登录。大体流程如下:

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

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

客户端打开登录界面,连接到 WebSocket 服务 WebScoket 服务生成带参数二维码返回给客户端 用户扫描展示的带参数二维码 微信服务器回调扫码事件并通知开发者服务器 开发者服务器通知 WebSocket 服务 WebSocket 服务通知客户端登录成功

composer require topthink/think-swoole

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

连接 WebSocket 服务

话不多说,直接上代码:

composer require topthink/think-swoole

安装完 Swoole 之后,我们需用使用到 WebSocket 服务。新建一个 WebSocket 服务非常简单:

新建WebSocket.php控制器:

话不多说,直接上代码:

$server = new swoole_websocket_server;$server->on('open', function (swoole_websocket_server $server, $request) use { echo "server: handshake success with fd{$request->fd}n";});$server->on('message', function (swoole_websocket_server $server, $frame) {});

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

新建WebSocket.php控制器:

这里的 message 回调其实用不到,因为都是服务端下发消息的,但是必须设定一个。设定的端口号如果低于 1024 则必须要有 root 权限,服务器记得去防火墙开启该端口。

 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"; }}

WebSocket 服务在客户端连接成功后,需要生成一张微信的带参数二维码返回给客户端展示:

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!"); }});

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

$server->on('open', function (swoole_websocket_server $server, $request) use { $app = Factory::officialAccount; $result = $app->qrcode->temporary; $url = $app->qrcode->url; $server->push($request->fd, json_encode([ 'message_type' => 'qrcode_url', 'url' => $url ]));});

服务器移到项目根目录开启服务:

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!"); }});

我们在 open 回调中,生成一张临时的二维码,二维码的场景值就是客户端连接的文件描述符,这样就可以保证每个客户端的唯一性.有效时间设置为 120 秒,防止一张二维码被多次扫码使用。消息 push 到客户端的时候必须要 json,方便客户端处理。客户端代码也很简单:

php public/index.php Websocket/start

服务器移到项目根目录开启服务:

const socket = new WebSocket('ws://127.0.0.1:1099'); socket.addEventListener('message', function  { var data = JSON.parse; if (data.message_type == 'qrcode_url'){ $.attr; } });

本文由美高梅网上注册平台发布于美高梅网上注册平台,转载请注明出处:Linux下源码包安装使用Swoole扩展【美高梅网上注册

上一篇:本文实例讲述了PHP生成可点击刷新的验证码,更 下一篇:没有了
猜你喜欢
热门排行
精彩图文