websocket通讯协议(10版本)简介

前言:

 

工作中用到了websocket 协议10版本的,英文的协议请看这里:

 

http://tools.ietf.org/html/draft-ietf-hybi-thewebsocketprotocol-10

 

这篇文章相当于工作的总结吧。

 

      首先, 你需要简单了解一下为什么会诞生websocket通讯协议,web上的通讯一般都是基于HTTP(超文本传输协议)的通讯,故而没有建立长时间的网络连接的方法,一般的通讯都是这样子的:

 

                                    请求

               浏览器--------------------->服务器

                      <-----------------------

                                     响应

 

      这种连接都是客户端发起的,服务器回复数据后关闭连接。

      就好像你用浏览器访问百度输入www.baidu.com后,浏览器发起请求,百度的服务器将该页面的html超文本传给你的浏览器后关闭连接。

 

      这种连接时间很短的, 而且服务器无法主动传送数据。

 

举几个例子:

      优酷, 土豆这些网站可以在网上播放电影,播放电影需要持续传送数据的,故只能内嵌flash播放器,用flash中的flash socket持续传送数据。

 

      用html, js等编写一个及时聊天软件是很困难的,关键就在于不能建立持续的连接,服务器不能主动传送数据给客户端。只能隔一段时间客户端发起请求主动询问服务器有无数据?

 

websocket可以建立稳定的连接,能解决上述的问题。

 

先说下原理,稍后会把代码文件穿上来给大家下载。

 

websocket通讯过程:

 

1.客户端发起连接请求

websocket客户端首先发起一个连接请求,发送的数据格式如下:

 

 

GET /10.15.1.218:12345/chat?key=value\r\n

HTTP/1.1\r\n Upgrade: websocket\r\n Connection: Upgrade\r\n Host: 10.15.1.218:12345\r\n Sec-WebSocket-Origin: null\r\n Sec-WebSocket-Key: 4tAjitqO9So2Wu8lkrsq3w==\r\n Sec-WebSocket-Version: 8\r\n\r\n

 

这是类似于HTTP的头,注意每行数据结尾结束符是"\r\n", 最后的结束符是"\r\n\r\n"。

 

请求头第1行详解:

“GET /”后面是服务器的IP和端口(10.15.1.218:12345)必须有。‘/‘的后面是你自己字符串,(chat),随便你传什么,这部分是可选的。字符串 ‘?’后面是一些参数(key=value),是什么你自己定义, 这部分也是可选的。像下面这三种都是合法的:

 

                                       GET /10.15.1.218:12345\r\n

                           或者

                                       GET /10.15.1.218:12345/chat\r\n

                           或者

                                       GET /10.15.1.218:12345/chat?key=value\r\n

 

第2, 3, 4, 5, 6行:

 

HTTP/1.1\r\n Upgrade: websocket\r\n Connection: Upgrade\r\n Host: 10.15.1.218:12345\r\n Sec-WebSocket-Origin: null\r\n

 

这些都基本是固定的格式与内容,Host: 后面是服务器(被连接者)的IP和Port。

 

第7行:

 

Sec-WebSocket-Key: 4tAjitqO9So2Wu8lkrsq3w==\r\n
      Sec-WebSocket-Key后面的那一串东西,那一串长度为24的字符串是客户端随机生成的,我们暂时叫他cli_key,服务器必须用它经过一定的运算规则生成服务器端的key,暂时叫做ser_key,然后把ser_key发回去,客户端验证正确后,握手成功!

 

第8行:

 

Sec-WebSocket-Version: 8\r\n\r\n

 

之所以版本为8的原因,我不太清楚。10版本的通讯协议中客户端发出的都是8。

 

chrome 14浏览器中实现了websocket客户端,不用自己实现。可以去下载一个,当websocket客户端用。

 

2.制作服务端的密钥

我们的服务器将key1(长度24)截取出来

 

                           4tAjitqO9So2Wu8lkrsq3w==

 

用它和自定义的一个字符串(长度36):

 

                           258EAFA5-E914-47DA-95CA-C5AB0DC85B11

连接起来,像这样:

 

                           4tAjitqO9So2Wu8lkrsq3w==258EAFA5-E914-47DA-95CA-C5AB0DC85B11

 

然后把这一长串经过SHA-1算法加密,得到长度为20字节的二进制数据,

再将这些数据经过Base64编码,最终得到服务端的密钥,也就是ser_key:

 

                            bEVeGLZrb9fS3Rj8WzExJdCsedg=

 

3.服务端返回密钥

 

然后需要把密钥返回给客户端,完成握手,发送的数据格式如下:

 

HTTP/1.1 101 Switching Protocols\r\n

Upgrade: websocket\r\n

Connection: Upgrade\r\n

Sec-WebSocket-Accept: bEVeGLZrb9fS3Rj8WzExJdCsedg=\r\n\r\n

 

至此,算是握手成功了!

 

4.传输数据(简单的介绍数据长度小于126的数据传输,传输大于等于126字节的数据头部(head)可就不止2个字节了,去看英文文档中介绍头部的部分)

 

                            必须有掩码

           客户端----------------------->服务器

                  <-----------------------

                          掩码(可选)

 

协议中规定客户端发向服务器的数据必须有掩码,比如需要发送一个字符串“Hello”,

 

“Hello“的ascii码:

                         H        e              l            l            o

十六进制         0x48     0x65        0x6c     0x6c     0x6f

十进制             72        101          108      108       111

 

 

 

但是实际发出的数据是这样的:

 

------------------head-----掩码0----1-------2-------3-----H----e-----l------l-------o--------------

                 0x81 0x85   0x37  0xfa   0x21    0x3d 0x7f 0x9f 0x4d 0x51 0x58

 

head头部我不在这里说了,需要很多文字才能说明,自己去英文协议中相关地方查看一下吧,head后是4字节的掩码,随机生成的,再后面是数据了,你可能发现数据变了,这些数据是 hello的ascii码和掩码做异或运算算出来的。

 

运算规则是这样的, 第零个字符‘H‘和第零个掩码异或, 第一个字符‘e‘和第一个掩码异或......

 

 

其实就是用c语言表示就是res = str[n]^mask[n%4]

 

 

服务器发出数据可以有掩码, 也可以没有掩码

 

发出一个“Hello”字符串可以发出和客户端一样的数据,也可以发出像下面的无掩码的:

 

                 0x81 0x05 0x48 0x65 0x6c 0x6c 0x6f                                      H       e       l        l       o

 

这就是头部信息加上原始数据啦。

 

5. 关闭连接

 

这部分很简单,或许你可以去英文协议中找到它看一看。

websocket通讯协议(10版本)简介,布布扣,bubuko.com

websocket通讯协议(10版本)简介

上一篇:yii2场景


下一篇:yii2查询汇总