1、序言
公司游戏里面有个大略的谈天室,理解了之后才知道是node+websocket做的,想想php也来做个大略的谈天室。于是搜集各种资料看文档、找实例自己也写了个大略的谈天室。
http连接分为短连接和长连接。短连接一样平常可以用ajax实现,长连接便是websocket。短连接实现起来比较大略,但是太过于花费资源。websocket高效不过兼容存在点问题。websocket是html5的资源

2、前端
前端实现websocket很大略直接
//连接websocketvar ws = new WebSocket(\"大众ws://127.0.0.1:8000\公众);//成功连接websoc的时候ws.onopen = function(){}//成功获取做事端输出的ws.onmessage = function(e){}//连接缺点的时候ws.onerror = function(){}//向做事端发送数据ws.send();
3、后台
websocket的难点紧张在后台
3.1websocket连接过程websocket 通信图解 这是一个大略单纯的客户端和做事真个通信图解,php紧张就做的便是接管加密key 并返回 个中完成套接字的创建和握手操作
下图是一张详细的做事端处理websocket的流程图
3.2 代码实践
做事端做的流程大致是:
挂起一个socket套接字进程等待连接
有socket连接之后遍历套接字数组
没有握手的进行握手操作,如果已经握手则吸收数据解析并写入缓冲区进行输出
下面是示例代码(我写的是一个类以是代码是根据函数分段的),文底给出github地址以及自己碰着的一些坑 1、首先是创建套接字
//建立套接字 public function createSocket($address,$port) { //创建一个套接字 $socket= socket_create(AF_INET, SOCK_STREAM, SOL_TCP); //设置套接字选项 socket_set_option($socket, SOL_SOCKET, SO_REUSEADDR, 1); //绑定IP地址和端口 socket_bind($socket,$address,$port); //监听套接字 socket_listen($socket); return $socket; }
2、将套接字放入数组
public function __construct($address,$port) { //建立套接字 $this->soc=$this->createSocket($address,$port); $this->socs=array($this->soc); }
3、挂起进程遍历套接字数组,紧张操作都是在这里面完成的
public function run(){ //挂起进程 while(true){ $arr=$this->socs; $write=$except=NULL; //吸收套接字数字 监听他们的状态 socket_select($arr,$write,$except, NULL); //遍历套接字数组 foreach($arr as $k=>$v){ //如果是新建立的套接字返回一个有效的 套接字资源 if($this->soc == $v){ $client=socket_accept($this->soc); if($client <0){ echo \"大众socket_accept() failed\"大众; }else{ // array_push($this->socs,$client); // unset($this[]); //将有效的套接字资源放到套接字数组 $this->socs[]=$client; } }else{ //从已连接的socket吸收数据 返回的是从socket中吸收的字节数 $byte=socket_recv($v, $buff,20480, 0); //如果吸收的字节是0 if($byte<7) continue; //判断有没有握手没有握手则进行握手,如果握手了 则进行处理 if(!$this->hand[(int)$client]){ //进行握手操作 $this->hands($client,$buff,$v); }else{ //处理数据操作 $mess=$this->decodeData($buff); //发送数据 $this->send($mess,$v); } } } } }
4、进行握手 流程是吸收websocket内容从Sec-WebSocket-Key:中获取key并通过加密算法写入缓冲区客户端会进行验证(自动验证不须要我们处理)
public function hands($client,$buff,$v) { //提取websocket传的key并进行加密 (这是固定的握手机制获取Sec-WebSocket-Key:里面的key) $buf = substr($buff,strpos($buff,'Sec-WebSocket-Key:')+18); //去除换行空格字符 $key = trim(substr($buf,0,strpos($buf,\"大众\"大众))); //固定的加密算法 $new_key = base64_encode(sha1($key.\公众258EAFA5-E914-47DA-95CA-C5AB0DC85B11\公众,true)); $new_message = \"大众HTTP/1.1 101 Switching Protocols\"大众; $new_message .= \"大众Upgrade: websocket\"大众; $new_message .= \"大众Sec-WebSocket-Version: 13\"大众; $new_message .= \"大众Connection: Upgrade\公众; $new_message .= \公众Sec-WebSocket-Accept: \"大众 . $new_key . \"大众\"大众; //将套接字写入缓冲区 socket_write($v,$new_message,strlen($new_message)); // socket_write(socket,$upgrade.chr(0), strlen($upgrade.chr(0))); //标记此套接字握手成功 $this->hand[(int)$client]=true; }
5、解析客户真个数据(我这里没有进行加密,如果有须要也可以自己加密 )
//解析数据 public function decodeData($buff) { //$buff 解析数据帧 $mask = array(); $data = ''; $msg = unpack('H',$buff); //用unpack函数从二进制将数据解码 $head = substr($msg[1],0,2); if (hexdec($head{1}) === 8) { $data = false; }else if (hexdec($head{1}) === 1){ $mask[] = hexdec(substr($msg[1],4,2)); $mask[] = hexdec(substr($msg[1],6,2)); $mask[] = hexdec(substr($msg[1],8,2)); $mask[] = hexdec(substr($msg[1],10,2)); //碰着的问题 刚连接的时候就发送数据 显示 state connecting $s = 12; $e = strlen($msg[1])-2; $n = 0; for ($i=$s; $i<= $e; $i+= 2) { $data .= chr($mask[$n%4]^hexdec(substr($msg[1],$i,2))); $n++; } //发送数据到客户端 //如果长度大于125 将数据分块 $block=str_split($data,125); $mess=array( 'mess'=>$block[0], ); return $mess; }
6、将套接字写入缓冲区
//发送数据 public function send($mess,$v) { //遍历套接字数组 成功握手的 进行数据群发 foreach ($this->socs as $keys => $values) { //用系统分配的套接字资源id作为用户昵称 $mess['name']=\"大众Tourist's socket:{$v}\"大众; $str=json_encode($mess); $writes =\"大众\"大众.chr(strlen($str)).$str; // ob_flush(); // flush(); // sleep(3); if($this->hand[(int)$values]) socket_write($values,$writes,strlen($writes)); } }
7、运行方法
github地址git@github.com:rsaLive/websocket.git
①最好在掌握台运行server.php
转到server.php脚本目录(可以先php -v 看下有没有配置php如果没有Linux配置下bash windows 配置下path)
php -f server.php
如果有缺点会提示
②通过做事器访问html文件
8、踩过的坑,打开调试事情方便查看缺点
①server.php 挂起的进程中可以打印输出的,如果涌现问题可以在代码中加入打印来调试
可以在各个判断里面做标记在掌握台查看代码运行在哪个区间
不过每次修正完代码之后须要重新运行脚本 php server.php
②如果涌现这种缺点可能是
1、在与做事器初始套接字的时候发送数据 (在第一次与做事器验证握手的时候不能发送内容)
2、如果已履历证过了但是客户端没有发送或者发送的为空也会涌现这样的情形
以是要考验已连接的套接字的数据
③可能浏览器不支持或者做事端没有开启socket开始之前最好验证下
if (window.WebSocket){ console.log(\公众This browser supports WebSocket!\"大众);} else { console.log(\公众This browser does not support WebSocket.\"大众);}