一、WebSocket是什么？

WebSocket实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的。解决了http无状态、短链接和服务器端无法主动给客户端推送数据等问题。其通信基础也基于TCP。由于较老的浏览器可能不支持WebSocket协议，所以使用WebSocket通信的双方在进行TCP的三次握手之后，还需要额外在进行一次握手，这一次握手的双方通信的报文也是基于http协议改造的。

二、webSocket建立连接的过程

首先要经过TCP的三次握手，在此就不赘述了，可以参考之前的文章
一次真实的WebSocke请求:

格式要求：

• 握手必须是一个有效的HTTP请求
• 请求方式必须是GET，且HTTP的版本必须是1.1
• 请求头中必须包含host字段
• 请求头中必须包含Connection字段，且值为Upgrade
• 请求头中必须包Sec-WebSocket-Key字段，该字段值是客户端的标识编码成 base64 格式
• 请求必须包含 Sec-WebSocket-Version字段信息，值必须为 13
• 请求必须包含Origin 字段；

拟人化展示从HTTP协议升级到WebSocket协议的过程：

1、发送一个GET请求
关键:Upgrade: websocket;Connection: Upgrade;
这两个就告诉服务器，我要发起websocket协议，我不是HTTP。

2、服务器收到了协议，返回一个 Switching Protocol， 这样就连接成功了

3、接下来的通信都是websocket， 这样就很好的连接了

最近为了加深对Websocket协议的理解，通过wireshark抓包工具，对websocket建立连接、消息推送以及确认等一系列操作进行分析，为了方便后续查找及回顾，特此记录。
考虑到部分老旧浏览器不支持websocket协议，采用socketjs，完成连接的建立。

选择协议

发送选择协议的请求

客户端向服务端发送如下请求，用于咨询使用哪类协议建立连接。

请求响应如下

通过响应结果，发现，该连接可使用websocket协议进行建立。

3次握手

通过响应结果，客户端开始基于websocket协议建立连接。

客户端向服务端发送连接请求包

服务端接收客户端报文

  服务端接收客户端发送的报文，通过SYN=1，确认客户端需要建立连接。于是向客户端发送SYN=1，ACK=1的报文。同时将Acknowledgement number序号加1。

客户端接收服务端发送的报文，并确认

 客户端接收服务发送的报文，检查序列号是否正确（第一次发送的SYN报文的序号 + 1），以及ACK位是否为1。若正确，则发送一个确认包。

至此，完成tcp3次握手。

协议转换

接着，客户端向服务端发送一个特殊的HTTP请求。

响应如下所示

101响应码，表名服务器了解客户端请求，开始切换Upgrade请求头中定义的协议。
Websocket协议本质上，是一个基于TCP的协议，练级连接前，完成3次握手后，客户端向服务端发起一个特殊http请求，server端解析后，应答给客户端，至此一个websocket连接完成建立。

连接订阅

客户端通过websocket协议，项服务端发送一个CONNECT命令帧

服务端接收后，返回一个CONNECTED命令帧

客户端向服务端发送SUBSCRIBE命令帧

 在此命令帧中，客户端提供需要订阅的目的地地址。

消息推送与确认

服务端推送消息

 服务端，通过MESSAGE命令帧，向客户端推送数据。

消息内容如下所示

客户端确认收到消息

 客户端收到消息后，向服务端发送一个ack消息，用于确认该消息已收到。

至此，完成Websocket连接建立分析操作。

近期在做一个物联网项目，需要实现页面的实时更新，这里考虑到用websocket来实现,对于让项目支持websocket这个在springboot中基于spring-boot-starter-websocket来构建是一件很简单的事情，本文就不赘述了。本文主要就建立websocket时如何传参进行说明

背景

当我们的一个web站点，既有普通的http请求也有websocket通道的时候，需要做到会话一致则需要在开发过程中稍加注意，一般是先登录web站点，然后再建立websocket通道，这个时候会产生用户登录token，在websocket通道里面，需要能知道是对应的用户，一般在建立websocket通道的时候将token传入后端，让后端处理即可。

传参的两种方式

在websocket建立时传参都是通过URL体现的，主要是通过path和?+参数形式;

方式一

socket注释

@ServerEndpoint("/websocket/{param}")

方式二

"ws:localhost:8080/websocket/123?username=zhangsan";

后端获取参数方式

调试验证

编码获取参数

@OnOpen
public void open(Session session, @PathParam("param")String  param) {
    //通过注解@PathParam获取参数
    System.out.println("注解参数: "+param);
    //通过URL获取
    Map<String, String> map = session.getPathParameters();
    System.out.println("getParameter:token="+map.get("token").toString());
    System.out.println("getParameter:token="+map.get("username").toString());
    String username = session.getQueryString();
    System.out.println("session.getQueryString()="+username);
    String uri = session.getRequestURI().toString();
    System.out.println("session.getRequestURI().toString()="+uri);
}

获取结果