WebSocket

一、WebSocket的发展历史

哈哈懒得写，不过知道还是很有用的

二、 WebSocket的API

2.调用WebSocket构造函数，创建一个WebSocket连接，构造函数返回WebSocket对象实例。几乎全部的操作都是围绕这个对象实例来进行的

var ws = new WebSocket("ws://连接的地址，该参数是必需的","列出应用程序支持的协议用于协议协商，可为数组");

假如参数 2传入的是[a, b],WebSocket服务器只理解协议a，不理解协议b，那么在其触发open事件时服务器选择的是a协议

2.WebSocket的四个事件。 WebSocket是纯事件驱动的，遵循异步编程模式。既可以用on<事件名>，也可以用addEventListener()对事件进行监听器的绑定

• open         该事件触发时，协议握手已经完成，WebSocket已经准备好发送和接收数据
• message  在接受到消息时触发，注意：WebSocket API只输出完整的消息，而不是WebSocket帧

  ws.onomessage = function(e) {
  	if(typeof e.data === "string"){
  		//对文本数据进行的操作
  	}else if(e.data instanceof Blob){
          var a = new Blob(e.data);
  		//数据操作
  	}else if(e.data instanceof ArrayBuffer){
          var b = new Uint8Array(e.data);
  		//数据操作
  	}else{
  		//其他的
  	}
  }

  WebSocket消息可以处理文本消息，也可以处理二进制数据，这种数据作为Blob消息或者ArrayBuffer消息处理

• close   连接关闭时触发，该事件有3个属性很有用，可以用于错误处理和恢复：wasClean（布尔值，表示连接是否顺利关闭，如果是对来自服务器的一个close帧的响应则为true）、code和error
• error  响应意外故障的时候触发，close事件中的数字代码和原因有时候能告诉你错误的根源所在

3.WebSocket对象的两个方法。 send()用于在客户端和服务器之间建立全双工双向连接之后，进行数据的传输，在数据传输完后使用close()方法终止连接

function sendData(data) {
	if(ws.readyState === WebSocket.OPEN){
		ws.send(data);
		//如果想发送二进制数据
		// var blob = new Blob("blob contents");
		// ws.send(blob);
		// 或者
		// var a = new Uint8Array([8,6,7,5,3,0,9]);
		// ws.send(a.buffer);
	}else{
		//其他操作
	}
}

close()方法接受两个可选参数：code（数字型的状态代码）和reason（一个文本字符串）

ws.close(1000, 'closing normally');

具体的代码意义自行查书查表什么的

4.WebSocket的三个属性：readyState、bufferedAmount和protocol。

readyState

WebSocket.CONNECTING	0
WebSocket.OPEN	1
WebSocket.CLOSING	2
WebSocket.CLOSED	3

 

bufferedAmount检查的是在发送队列中但尚未发送出去的数据的数量。尽管send()的发送是立即生效的，但是在另一个层面上的数据传输则是不一样的，浏览器将为我们缓存数据，在达到一定量时进行发送。具体可以参考一下TCP/IP和http协议的内容《计算机网络》就有讲到

protocol在握手完成之前为空，握手之后，如果服务器选择了客户端提供的某个协议，那么值就是那个协议

三、WebSocket协议

协议是计算机中最重要的组成部分之一。他们跨越编程语言、操作系统和硬件体系结构，允许不同人编写、不同机构操作的组件跨越房屋甚至在全球范围内通信

TCP、HTTP和WebSocket的对比

特性	TCP	ＨＴＴＰ	WebSocket
寻址	ＩＰ地址和端口	ＵＲＬ	ＵＲＬ
并发传输	全双工	URL	全双工
内容	字节流	MIME消息	文本和二进制消息
消息定界	否	是	是
连接定向	是	否	是

 

协议组成：

1.初始握手

每个WebSocket连接都始于一个HTTP请求。关键的不同就在于下图中不同颜色的区别中（下面的请求头响应头并不完整，毕竟手打的）

 

 

 

 

 

 

2.计算响应键

上图中的蓝色区域就是这个步骤的，响应函数从Sec-WebSocket-Key中取得键值，然后通过一些安全方法（SHA、SHA1）的计算得到响应值，用来确认服务器是懂这个协议的，防止协议欺骗。具体的Sec-首标参考RFC 6455

3.消息格式--帧

 

 

 

 

操作码	消息载荷
1	文本
2	二进制
8	关闭
9	ping
10	pong

有一个实现WebSocket服务器的代码，里面包含了对协议内容的很多操作，包括对操作码，长度，数据的编码。结合代码和协议内容更能深刻理解WebSocket

https://github.com/whirly77cai/WebSocket

文本编码：WebSocket文本消息允许的唯一编码是UTF-8

4.关闭握手

1000~1015规定用于WebSocket连接层

四、参考资源

什么是MIME：http://baike.baidu.com/link?url=DjYzp9n-DIZm13xwXSZHgnhmWm_ljng1kWPe-y-RPZcWTudeFFcU5SeQXSAylFRE7Jp5czuAhcOJcoYb4ldGYK

更多关于HTML5的：http://www.tutorialspoint.com/html5/html5_websocket.htm

一个WebSocket服务器的实现：https://github.com/whirly77cai/WebSocket

转载于:https://my.oschina.net/whirly77cai/blog/735556