简易Java web在线聊天-websocket

公司做了伪在线客服系统。自己为了技术，提前研究了使用websocket进行长连接通信。写了个简单的在线聊天demo，算是对自己的交代，后期会抽时间优化，完善流程等。
语言：Java
客户端：html5 实现的socket作为客户端。
服务器：使用spring-mvc + spring-websocket+spring-mesaging作为信息接收处理。
测试容器：jetty9+

1.【websocket是什么】

WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并被RFC7936所补充规范。

在实现websocket连线过程中，需要通过浏览器发出websocket连线请求，然后服务器发出回应，这个过程通常称为“握手” 。在 WebSocket API，浏览器和服务器只 需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。在此WebSocket 协议中，为我们实现即时服务带来了两大好处：

1. Header 互相沟通的Header是很小的-大概只有 2 Bytes

2. Server Push 服务器的推送，服务器不再被动的接收到浏览器的请求之后才返回数据，而是在有新数据时就主动推送给浏览器。

------来源百度百科

2.【websocket API简单介绍】

var ws = new WebSocket("ws://www.websocket.org",[protocol]);

说明：WebSocket的构造函数需要一个URL参数和一个可选的协议参数（一个或者多个协议的名字），协议的参数例如XMPP（Extensible Messaging and Presence Protocol）、SOAP（Simple Object Access Protocol）或者自定义协议。而URL参数需要以WS://或者WSS://开头，例如：ws://www.websocket.org。

在第一次握手之后，和协议的名称一起，客户端会发送一个Sec-WebSocket-Protocol 头，服务端会选择0个或一个协议，响应会带上同样的Sec-WebSocket-Protocol 头，否则会关闭连接。通过协议协商（Protocol negotiation ），我们可以知道给定的WebSocket服务器所支持的协议和版本，然后应用选择协议使用。

2.1 【websocket事件】

WebSocket API是纯事件驱动，通过监听事件可以处理到来的数据和改变的链接状态。客户端不需要为了更新数据而轮训服务器。服务端发送数据后，消息和事件会异步到达。

WebSocket编程遵循一个异步编程模型，只需要对WebSocket对象增加回调函数就可以监听事件。你也可以使用addEventListener()方法来监听。而一个WebSocket对象分四类不同事件。

Open事件：一旦服务器响应连接，就会触发open事件。响应的回调函数为onopen。

// Event handler for the WebSocket connection opening
ws.onopen = function(e) {
   console.log("Connection open...");
};

Message事件：open事件后，意味着协议握手结束，服务器端同意客户端连接，进做好通信准备。发送消息触发的回调为：onmessage。

ws.onmessage = function(e) {
   if(typeof e.data === "string"){
      console.log("String message received", e, e.data);
   } else {
      console.log("Other message received", e, e.data);
   }
};

Error事件：如果发生意外的失败则会触发error事件，error事件会导致连接关闭，很快就会收到关闭事件回调。意外失败的回调为：onerror。

ws.onerror = function(e) {
   console.log("WebSocket Error: " , e);
   //Custom function for handling errors
   handleErrors(e);
};

close事件：当连接关闭的时候，触发改事件。对应的回调方法为：onclose。

ws.onclose = function(e) {
   console.log("Connection closed", e);
};

2.2：【websocket方法】