前面学习了HTML5中websocket的握手协议、打开和关闭连接等基础内容,最近用php实现了与浏览器websocket的双向通信。在学习概念的时候觉得看懂了的内容,真正在实践过程中还是会遇到各种问题,网上也有一些关于php的websocket的实现,但是只有自己亲手写过之后才知道其中的感受。其中,google有一个开源的phpwebsocket类(https://code.google.com/p/phpwebsocket/),但是从其握手过程中可以明显看出,这还是最初的websocket协议,请求头中使用了两个KEY,并非version 13(现行版本)。下面是本人实践过程,同时封装好了一个现行版本的php实现的实用的websocket类。

一、握手

1、客户端发送请求

websocket协议提供给javascript的API就是特别简洁易用。


先看效果,客户端和服务器端握手的结果如下:

2、服务器端

封装的类为WebSocket,address和port为类的属性。

(1)建立socket并监听

 1     function createSocket()
2 {
3 $this->master=socket_create(AF_INET, SOCK_STREAM, SOL_TCP)
4 or die("socket_create() failed:".socket_strerror(socket_last_error()));
5
6 socket_set_option($this->master, SOL_SOCKET, SO_REUSEADDR, 1)
7 or die("socket_option() failed".socket_strerror(socket_last_error()));
8
9 socket_bind($this->master, $this->address, $this->port)
10 or die("socket_bind() failed".socket_strerror(socket_last_error()));
11
12 socket_listen($this->master,20)
13 or die("socket_listen() failed".socket_strerror(socket_last_error()));
14
15 $this->say("Server Started : ".date('Y-m-d H:i:s'));
16 $this->say("Master socket : ".$this->master);
17 $this->say("Listening on : ".$this->address." port ".$this->port."\n");
18
19 }

然后启动监听,同时要维护连接到服务器的用户的一个数组(连接池),每连接一个用户,就要push进一个,同时关闭连接后要删除相应的用户的连接。

 1     public function __construct($a, $p)
2 {
3 if ($a == 'localhost')
4 $this->address = $a;
5 else if (preg_match('/^[\d\.]*$/is', $a))
6 $this->address = long2ip(ip2long($a));
7 else
8 $this->address = $p;
9
10 if (is_numeric($p) && intval($p) > 1024 && intval($p) < 65536)
11 $this->port = $p;
12 else
13 die ("Not valid port:" . $p);
14
15 $this->createSocket();
16 array_push($this->sockets, $this->master);
17 }

(2)建立连接

维护用户的连接池

1     public function connect($clientSocket)
2 {
3 $user = new User();
4 $user->id = uniqid();
5 $user->socket = $clientSocket;
6 array_push($this->users,$user);
7 array_push($this->sockets,$clientSocket);
8 $this->log($user->socket . " CONNECTED!" . date("Y-m-d H-i-s"));
9 }

(3)回复响应头

首先要获取请求头,从中取出Sec-Websocket-Key,同时还应该取出Host、请求方式、Origin等,可以进行安全检查,防止未知的连接。

 1     public function getHeaders($req)
2 {
3 $r = $h = $o = null;
4 if(preg_match("/GET (.*) HTTP/" , $req, $match))
5 $r = $match[1];
6 if(preg_match("/Host: (.*)\r\n/" , $req, $match))
7 $h = $match[1];
8 if(preg_match("/Origin: (.*)\r\n/", $req, $match))
9 $o = $match[1];
10 if(preg_match("/Sec-WebSocket-Key: (.*)\r\n/", $req, $match))
11 $key = $match[1];
12
13 return array($r, $h, $o, $key);
14 }

之后是得到key然后进行websocket协议规定的加密算法进行计算,返回响应头,这样浏览器验证正确后就握手成功了。这里涉及的详细解析信息过程参见另一篇博文http://blog.csdn.net/u010487568/article/details/20569027

 1     protected function wrap($msg="", $opcode = 0x1)
2 {
3 //默认控制帧为0x1(文本数据)
4 $firstByte = 0x80 | $opcode;
5 $encodedata = null;
6 $len = strlen($msg);
7
8 if (0 <= $len && $len <= 125)
9 $encodedata = chr(0x81) . chr($len) . $msg;
10 else if (126 <= $len && $len <= 0xFFFF)
11 {
12 $low = $len & 0x00FF;
13 $high = ($len & 0xFF00) >> 8;
14 $encodedata = chr($firstByte) . chr(0x7E) . chr($high) . chr($low) . $msg;
15 }
16
17 return $encodedata;
18 }

其中我只实现了发送数据长度在2的16次方以下个字符的情况,至于长度为8个字节的超大数据暂未考虑。

 1      private function doHandShake($user, $buffer)
2 {
3 $this->log("\nRequesting handshake...");
4 $this->log($buffer);
5 list($resource, $host, $origin, $key) = $this->getHeaders($buffer);
6
7 //websocket version 13
8 $acceptKey = base64_encode(sha1($key . '258EAFA5-E914-47DA-95CA-C5AB0DC85B11', true));
9
10 $this->log("Handshaking...");
11 $upgrade = "HTTP/1.1 101 Switching Protocol\r\n" .
12 "Upgrade: websocket\r\n" .
13 "Connection: Upgrade\r\n" .
14 "Sec-WebSocket-Accept: " . $acceptKey . "\r\n\r\n"; //必须以两个回车结尾
15 $this->log($upgrade);
16 $sent = socket_write($user->socket, $upgrade, strlen($upgrade));
17 $user->handshake=true;
18 $this->log("Done handshaking...");
19 return true;
20 }

二、数据传输

1、客户端

客户端websocket的API非常容易,直接使用websocket对象的send方法即可。

1 ws.send(message);

2、服务器端

客户端发送的数据是经过浏览器支持的websocket进行了mask处理的,而根据规定服务器端返回的数据不能进行掩码处理,但是需要按照协议的数据帧规定进行封装后发送。因此服务器需要接收数据必须将接收到的字节流进行解码。

 1     protected function unwrap($clientSocket, $msg="")
2 {
3 $opcode = ord(substr($msg, 0, 1)) & 0x0F;
4 $payloadlen = ord(substr($msg, 1, 1)) & 0x7F;
5 $ismask = (ord(substr($msg, 1, 1)) & 0x80) >> 7;
6 $maskkey = null;
7 $oridata = null;
8 $decodedata = null;
9
10 //关闭连接
11 if ($ismask != 1 || $opcode == 0x8)
12 {
13 $this->disconnect($clientSocket);
14 return null;
15 }
16
17 //获取掩码密钥和原始数据
18 if ($payloadlen <= 125 && $payloadlen >= 0)
19 {
20 $maskkey = substr($msg, 2, 4);
21 $oridata = substr($msg, 6);
22 }
23 else if ($payloadlen == 126)
24 {
25 $maskkey = substr($msg, 4, 4);
26 $oridata = substr($msg, 8);
27 }
28 else if ($payloadlen == 127)
29 {
30 $maskkey = substr($msg, 10, 4);
31 $oridata = substr($msg, 14);
32 }
33 $len = strlen($oridata);
34 for($i = 0; $i < $len; $i++)
35 {
36 $decodedata .= $oridata[$i] ^ $maskkey[$i % 4];
37 }
38 return $decodedata;
39 }

其中得到掩码和控制帧后需要进行验证,如果掩码不为1直接关闭,如果控制帧为8也直接关闭。后面的原始数据和掩码获取是通过websocket协议的数据帧规范进行的。

效果如下



数据交互的过程非常的直接,其中“u”是服务器发送给客户端的,然后客户端发送一段随机字符串给服务器。

三、连接关闭

1、客户端

1 ws.close();

2、服务器端

需要将维护的用户连接池移除相应的连接用户。

 1     public function disconnect($clientSocket)
2 {
3 $found = null;
4 $n = count($this->users);
5 for($i = 0; $i<$n; $i++)
6 {
7 if($this->users[$i]->socket == $clientSocket)
8 {
9 $found = $i;
10 break;
11 }
12 }
13 $index = array_search($clientSocket,$this->sockets);
14
15 if(!is_null($found))
16 {
17 array_splice($this->users, $found, 1);
18 array_splice($this->sockets, $index, 1);
19
20 socket_close($clientSocket);
21 $this->say($clientSocket." DISCONNECTED!");
22 }
23 }

其中遇到的一个问题就是,如果将上述函数中的socket_close语句提出到if语句外面的时候,当浏览器连接到服务器后,F5刷新页面后会发现出错:

后来发现是重复关闭socket了,这个是因为在unwrap函数中遇到了控制帧直接关闭的原因。因此需要注意浏览器已经连接后进行刷新的操作。最后提供整个封装好的类,https://github.com/OshynSong/web/blob/master/websocket.class.php

Websocket协议之php实现的更多相关文章

  1. Websocket 协议解析

    WebSocket protocol 是HTML5一种新的协议.它是实现了浏览器与服务器全双工通信(full-duplex).          现 很多网站为了实现即时通讯,所用的技术都是轮询(po ...

  2. WebSocket协议开发

    一直以来,网络在很大程度上都是围绕着HTTP的请求/响应模式而构建的.客户端加载一个网页,然后直到用户点击下一页之前,什么都不会发生.在2005年左右,Ajax开始让网络变得更加动态了.但所有的HTT ...

  3. 初识WebSocket协议

    1.什么是WebSocket协议 RFC6455文档的表述如下: The WebSocket Protocol enables two-way communication between a clie ...

  4. Websocket协议的学习、调研和实现

    本文章同时发在 cpper.info. 1. websocket是什么 Websocket是html5提出的一个协议规范,参考rfc6455. websocket约定了一个通信的规范,通过一个握手的机 ...

  5. python测试基于websocket协议的即时通讯接口

    随着html5的广泛应用,基于websocket协议的即时通讯有了越来越多的使用场景,本文使用python中的websocket-client模块来做相关的接口测试 import webclient ...

  6. Websocket协议数据帧传输和关闭连接

    之前总结了关于Websocket协议的握手连接方式等其他细节,现在对socket连接建立后的数据帧传输和关闭细节总结. 一.数据帧格式 数据传输使用的是一系列数据帧,出于安全考虑和避免网络截获,客户端 ...

  7. Websocket协议之握手连接

    Websocket协议是为了解决web即时应用中服务器与客户端浏览器全双工通信的问题而设计的,是完全意义上的Web应用端的双向通信技术,可以取代之前使用半双工HTTP协议而模拟全双工通信,同时克服了带 ...

  8. WebSocket协议

    websocket 简介 (2013-04-09 15:39:28) 转载▼   分类: websocket 一 WebSocket是html5新增加的一种通信协议,目前流行的浏览器都支持这个协议,例 ...

  9. Jmeter实现WebSocket协议的接口和性能测试方法

    WebSocket protocol 是HTML5一种新的协议.它实现了浏览器与服务器全双工通信(full-duplex). 浏览器和服务器只需要要做一个握手的动作,然后,浏览器和服务器之间就形成了一 ...

随机推荐

  1. Android的属性系统

    http://blog.csdn.net/jerryutscn/article/details/5519423 Android的属性系统 每条属性包含了名字和其对应的值,两者都用字符串来描述.Andr ...

  2. 利用 Composer 一步一步构建自己的 PHP 框架(三)——设计 MVC

    终于可以 “一次编写,到处发布” 了,泪流满面! 今天凌晨我从一点多开始搞了四个小时到 5:20,终于搞出了个 Emlog 的 MarkDown 插件!欢迎 Emloger 尝试! 本教程示例代码见  ...

  3. Fence Repair

    有n(n>=1&&n<=20000)个木棒.现在要将这些木棒还原为一根.每次只能将两根连接成一根.费用为这两根的长度.求还原的最小费用. 输入:n,接下来n个正整数,代表长 ...

  4. vs2010 MFC执行流程

    从大学时候学过到现在可能又要用到,搞这个东西真是痛苦.不过首先把繁琐的c++函数执行流程搞明白吧,好好多设置几个断点观测一下啦. Step1.在vs2010新建MFC工程,那么对应的代码页名字为:CS ...

  5. 笔记——Function类型 及其 call、apply方法

    每个函数都是Function类型的实例.函数有三种定义方式和两个内部属性arguments和this. 同时函数也是对象,也有属性和方法.本篇主要其call()和apply()方法 属性 length ...

  6. POJ 3253 Fence Repair (贪心)

    Fence Repair Time Limit:2000MS     Memory Limit:65536KB     64bit IO Format:%I64d & %I64u Submit ...

  7. sqlserver和oracle中对全半角的转换

    oracle中对全半角的转换 to_single_byte(c)转换成半角 to_multi_byte(c)转换成全角 SELECT To_single_byte('881898?71') FROM ...

  8. hdu 1358 KMP的next数据运用

    由于next[i]保存的是前i-1个字符中最大的重复子序列,那么i-next[i]就是循环节. #include<cstdio> #include<cstring> #incl ...

  9. CSS/块级元素与内联元素的深入理解

    今天终于对html中的块级元素和行内元素有了一个较为理性的认识.首先w3c对于block和inline的解释为:

  10. Jersey(1.19.1) - Root Resource Classes

    Root resource classes are POJOs (Plain Old Java Objects) that are annotated with @Path have at least ...