WebSocket相关概念整理及整合Demo

1.简介

       HTML5 开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。它基于 TCP 传输 协议，并复用HTTP 的握手通道。在 WebSocket中，浏览器和服务器只需要完成一次握手，两者之间就直 接可以创建持久性的连接，并进行双向数据传输，浏览器和服务器之间的数据交换变得更加简单。WebSocket 协议使用与 HTTP 协议相同的端口, 并使用 HTTP Upgrade 机制来进行 WebSocket 握手, 当握手完成之后, 通信双方便可以按照 WebSocket 协议的方式进行交互。

        WebSocket连接的过程是：

       首先，客户端发起http请求，经过3次握手后，建立起TCP连接；http请求里存放WebSocket支持的版本号等信息，如：Upgrade、Connection、WebSocket-Version等；

       然后，服务器收到客户端的握手请求后，同样采用HTTP协议回馈数据；

        最后，客户端收到连接成功的消息后，开始借助于TCP传输信道进行全双工通信。

2. WebSocket和Http协议的优缺点

不同点：

1. HTTP的协议标识符是http，WebSocket的是ws(如果加密则为wss)；
2. HTTP请求只能由客户端发起，服务器无法主动向客户端推送消息，而WebSocket可以，他是双向通信模式；
3. HTTP请求有同源限制，不同源之间通信需要跨域，而WebSocket没有同源限制。
4. WebSocket是需要浏览器和服务器握手进行建立连接的，而http是浏览器发起向服务器的连接
5. Http是短连接：web端请求服务器端建立连接，服务器端返回后连接断开。
   Websocket是长连接：连接一次，就会一直保持连接。

注意：虽然HTTP/2也具备服务器推送功能，但HTTP/2 只能推送静态资源，无法推送指定的信息。

相同点：

1. 都是应用层的通信协议；
2. 默认端口一样，都是80或443；
3. 都可以用于浏览器和服务器间的通信；
4. 都基于TCP协议。

WebSocket 优点

1. 支持双向通信，实时性更强；
2. 更好的二进制支持；
3. 较少的控制开销：连接创建后，ws客户端、服务端进行数据交换时，协议控制的数据包头部较小。在不包含头部的情况下，服务端到客户端的包头只有2~10字节（取决于数据包长度），客户端到服务端的的话，需要加上额外的4字节的掩码。而HTTP协议每次通信都需要携带完整的头部；
4. 支持扩展：ws协议定义了扩展，用户可以扩展协议，或者实现自定义的子协议（比如支持自定义压缩算法等）

3.WebSocket原理

客户端：申请协议升级

首先，客户端发起协议升级请求。可以看到，采用的是标准的 HTTP 报文格式，且只支持 GET 方法：

GET / HTTP/1.1
Host: localhost:8080
Origin: http://127.0.0.1:3000/url
Connection: Upgrade
Upgrade: websocket
Sec-WebSocket-Version: 13
Sec-WebSocket-Key: w4v7O6xFTi36lq3RNcgctw==

Connection: Upgrade ：表示要升级协议

Upgrade: websocket ：表示要升级到 websocket 协议。

Sec-WebSocket-Version: 13 ：表示 websocket 的版本。如果服务端不支持该版本，需要返回一个

Sec-WebSocket-Versionheader ，里面包含服务端支持的版本号。

Sec-WebSocket-Key ：与后面服务端响应头的 Sec-WebSocket-Accept 是配套的，提供基本的防

护，比如恶意的连接，或者无意的连接。

服务端：响应协议升级

服务端返回内容如下，状态代码 101 表示协议切换：

HTTP/1.1 101 Switching Protocols
Connection:Upgrade
Upgrade: websocket
Sec-WebSocket-Accept: Oy4NRAQ13jhfONC7bP8dTKb4PTU=

到此完成协议升级，后续的数据交互都按照新的协议来。

Sec-WebSocket-Accept 根据客户端请求首部的 Sec-WebSocket-Key 计算出来。

计算公式为：

1 ）将 Sec-WebSocket-Key 跟 258EAFA5-E914-47DA-95CA-C5AB0DC85B11 拼接；

2 ）通过 SHA1 计算出摘要，并转成 base64 字符串。

 代码演示：

简单的整合websocket的一个小项目

Spring-websocket: Spring boot整合websocket实现即时通讯