WebSocket基础

什么是WebSocket

WebSocket是Web客户端和服务端进行异步全双工通信的协议，可以用来创建高性能实时的Web应用。WebSocket通信协议于2011年被IETF定为标准RFC 6455，WebSocketAPI被W3C定为标准。

为什么要用WebSocket

Web通信的传统实现方式主要有，
AJAX轮询：浏览器每隔一定时间就发一次请求，询问服务器是否有新信息。
Long Poll：也是采用轮询的方式，不过采取的是阻塞模型，也就是说，客户端发起连接后，如果没消息，就一直不返回response给客户端。直到有消息才返回，返回完之后，客户端再次建立连接，周而复始。

这两种都非常消耗资源，在处理高并发及实时性需求的时候，会遇到瓶颈，我们需要一种高效节能的双向通信机制来保证数据的实时传输。在此背景下，基于HTML5规范的、有Web TCP 之称的WebSocket应运而生。

WebSocket实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯，它建立在TCP之上，同HTTP一样通过TCP来传输数据，但是它和HTTP的最大不同是：

WebSocket是一种双向通信协议，在建立连接后，WebSocket 服务器和Browser/Client Agent都能主动的向对方发送或接收数据，就像Socket一样；
WebSocket需要类似TCP的客户端和服务器端通过握手连接，连接成功后才能相互通信。

客户端和服务端交互流程

客户端和服务端进行WebSocket交互的方式也可以理解为“HTTP握手 + TCP数据传输”的方式：

(1) 浏览器（支持Websocket的浏览器）像HTTP一样，发起一个请求，然后等待服务端的响应；
(2) 服务器返回握手响应，告诉浏览器请将后续的数据按照WebSocket制定的数据格式传过来；
(3) 浏览器和服务器的Socket连接不中断，此时这个连接和HTTP不同的是它是双工的了；
(4) 浏览器和服务器有任何需要传递的数据的时候使用这个长连接进行数据传递。

WebSockets适用场景

聊天应用
多人游戏
股票交易和金融应用
文档合作编辑
社交应用

WebSocket实现

WebSocket的实现分为客户端和服务端两部分，客户端（通常为浏览器）发出 WebSocket 连接请求，服务端响应，实现类似 TCP 握手的动作，从而在浏览器客户端和 WebSocket 服务端之间形成一条 HTTP 长连接快速通道。两者之间后续进行直接的数据互相传送，不再需要发起连接和相应。
服务端实现：WebSocket服务端在各个主流应用服务器厂商中已基本获得符合 JEE JSR356 标准规范 API 的支持。如Tomcat 7.0.5＋，Jetty 7.0＋，WebLogic 12c等。
客户端实现：主流的浏览器（包括 PC 和移动终端）现已都支持标准的 HTML5 的 WebSocket API。如Chrome version 4+、Firefox version 5+、    IE version 10+等。

Tomcat7.0.5 版本的服务端示例代码：
JSR356 的 WebSocket 规范使用 javax.websocket.*的 API，可以将一个普通 Java 对象（POJO）使用 @ServerEndpoint 注释作为 WebSocket 服务器的端点，代码示例如下：

@ServerEndpoint("/echo")
public class EchoEndpoint {
    @OnOpen
    public void onOpen(Session session) throws IOException {
    //以下代码省略...
    }

    @OnMessage
    public String onMessage(String message) {
    //以下代码省略...
    }

    @Message(maxMessageSize=6)
    public void receiveMessage(String s) {
    //以下代码省略...
    }

    @OnError
    public void onError(Throwable t) {
    //以下代码省略...
    }

    @OnClose
    public void onClose(Session session, CloseReason reason) {
    //以下代码省略...
    }
}

客户端示例代码：

var ws = new WebSocket(“ws://echo.websocket.org”);
ws.onopen = function(){ws.send(“Test!”); };
ws.onmessage = function(evt){console.log(evt.data);ws.close();};
ws.onclose = function(evt){console.log(“WebSocketClosed!”);};
ws.onerror = function(evt){console.log(“WebSocketError!”);};