websocket

一、基本概念
websocket，最大的作用就是可以让服务器主动推送消息到页面上。

与此相对的，是http协议。http是一种单向协议，什么都是让客户端向服务器请求资源。以前搞过WEB聊天室的人就知道多恶心，浏览器要定期向服务器轮询，才能得到聊天的内容。

现在好了，有了websocket，服务器就能主动推消息到页面了。这是一种双工协议。

其他特点包括：

（1）建立在 TCP 协议之上，服务器端的实现比较容易。

（2）与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服务器。

（3）数据格式比较轻量，性能开销小，通信高效。

（4）可以发送文本，也可以发送二进制数据。

（5）没有同源限制，客户端可以与任意服务器通信。

（6）协议标识符是ws（如果加密，则为wss），服务器网址就是 URL。

其服务地址，以ws或wss开头，类似http或https：

ws://192.168.0.13:9981/websocket
1

二、应用

function wsconnect() {
	var ws = new WebSocket("ws://192.168.0.13:9981/websocket");
	
	ws.onopen = function(evt) { 
		console.log("Connection open ..."); 
		ws.send("Hello WebSockets!");
	};

	ws.onmessage = function(evt) {
		console.log("receive message: " + (new Date())); 
		var json = eval("(" + evt.data + ")");
		//高高兴兴地处理这个json
	};

	ws.onclose = function(evt) {
		console.log("Connection closed.Reconnect will be attempted in 1 second.", evt.reason);
		setTimeout(function() {
		  wsconnect();
		}, 1000);
	};
	
	ws.onerror = function(err) {
		console.error('Socket encountered error: ', err.message, 'Closing socket');
		ws.close();
	};
}

$(function(){

	wsconnect();

});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

参考资料：
阮一峰：WebSocket 教程