🏆本文收录于《Spring Boot从入门到精通》，专门攻坚指数提升。

本专栏致力打造最硬核 Spring Boot 从零基础到进阶系列学习内容，🚀均为全网独家首发，打造精品专栏，专栏持续更新中…欢迎大家订阅持续学习。

环境说明：Windows10 + Idea2021.3.2 + Jdk1.8 + SpringBoot 2.3.1.RELEASE

 1. 前言🔥

        对于很多小伙伴来说，项目现在都普遍前后端分离，各干各的事儿，在前后端进行服务调用才会有大面积的碰头，后端接口数据格式发生变更要通知前端，相反，前端有变化要告诉后端，这来回修改沟通起来通道要么线下，要么线上，但是这都不是最高效的通信，你们知道还可以怎么提升沟通效率嘛？今天我就给大家讲讲它--WebSocket，让你直接可通过它无延迟来达成前后端的高效沟通过，基本搭建这套微聊天几乎零成本，你心动了么？如果你想学你可以接着往下看呢。

        这将又会是干货满满的一期，全程无尿点不废话只抓重点教，具有非常好的学习效果，拿好小板凳准备就坐！希望学习的过程中大家认真听好好学，学习的途中有任何不清楚或疑问的地方皆可评论区留言或私信，bug菌将第一时间给予解惑，那么废话不多说，直接开整！Fighting！！ 

2. 环境说明🔥

本地的开发环境：

• 开发工具：IDEA 2021.3
• JDK版本： JDK 1.8
• Spring Boot版本：2.3.1 RELEASE
• Maven版本：3.8.2

3. 正文🔥 

3.1 概念

什么是WebSocket？可能没有接触过的同学会对它很陌生，但是你找上了我，我便不会让你失望。

1. WebSocket 是HTML5下一种新的协议，本质上它是独立的、创建在 TCP 上的一种协议（一种网络通信协议，注意区别http）。
2. 通过HTTP/1.1 协议的101状态码进行握手。
3. 为了达成WebSocket连接，需要浏览器发出请求后服务器进行回应，此过程也称握手。
4. WebSocket 是一种持久化协议。
5. WebSocket 实现了浏览器与服务器之间全双工通信，能够更好的节省服务器资源和带宽，以此达到实时通讯的目的。

3.2 原理

        很多网站实现推送技术功能都是通过轮询(不懂的可看下方拓展)的方式，但此方式就需要浏览器不断的向服务器发送请求，然而http请求可能包含较长的头部等信息，而真正有效的数据可能就很小部分，如此一来，来回请求也就严重浪费了很多服务器资源和带宽等。

接着给大家科普一下，什么是轮询？

        轮询：就是在特定的时间间隔里，由浏览器对服务器发起HTTP请求，然后由服务器返回最新的数据给客户端的浏览器，总而言之就是定时发送请求服务器进行查询。

        接着用比较新的技术去做轮询的方式可能就是属Comet了。Comet虽然可以进行双向通信，但依然需要反复发出请求。而且在Comet中，普遍采用的长链接，这种方式也极大的耗服务器资源。

        即在这些情况下，HTML5因此定义了一种WebSocket协议，此协议不但能更好的节省服务器资源和带宽，也能够更实时地进行通讯。

        通常Websocket 使用 ws 或 wss 的统一资源标志符（URI），其中 wss 表示使用了 TLS 的 Websocket。如：

ws://echo.websocket.org wss://echo.websocket.org

其中WebSocket 与 HTTP 和 HTTPS 使用相同的 TCP 端口，可以绕过大多数防火墙的限制。默认情况下：

1）WebSocket 协议使用 80 端口；

2）若运行在 TLS 之上时，默认使用 443 端口。

3.3 特点

        既然WebSocket协议问世，那肯定是有比目前某些协议方式有优势，如下我来给大家罗列一下，它有哪些特点。具体如下：

1. 较少的控制开销。
2. 更强的实时性。
3. 保持连接状态。
4. 更好的二进制支持。
5. 支持扩展。
6. 更好的压缩效果。

3.4 优势

        谈到WebSocket，肯定得论它的优势之处了，因为知道WebSocket最大的优势就是服务器可以主动向客户端推送消息，相反，客户端也能主动向服务器推送消息。

        其次，使用WebSocket可以在服务器与客户端之间建立一个非http的双向连接桥梁，这个连接是实时的，也可以是永久的，除非你手动关闭连接。

3.5 WebSocket的前端API

3.5.1 建立连接

使用new webSocket（url）创建webSocket连接。

var url = "wss://echo.websocket.org";
var websocket = new WebSocket(url);

3.5.2 推送消息

通过send()方法向服务器发送消息。

websocket.send("data");

3.5.3 接收服务器传过来的数据

使用message事件，获得服务端消息。

websocket.onmessage = function(event) {
   var data = event.data;
};

3.5.4 监听socket的打开事件

websocket.onopen = function(event) {
// 开始通信时的处理
}

3.5.5 监听socket的关闭事件

websocket.onclose = function(event) {
// 通信结束时的处理
}

3.5.6 关闭socket

close事件，主动断开或被动断开。

websocket.close();

3.5.7 WebSocket的状态

可以通过读取readyState的属性值来获取WebSocket对象的状态，readyState属性存在以下几种属性值。

• CONNECTING(数字值为0)，表示正在连接；
• OPEN(数字值为1)，表示已建立连接；
• CLOSING(数字值为2)，表示正在关闭连接；
• CLOSED(数字值为3)，表示已关闭链接。

... ...

    ok，以上就是我这期的全部内容啦，如果还想学习更多，你可以看看如下的往期热文推荐哦，每天积累一个奇淫小知识，日积月累下去，你一定能成为令人敬仰的大佬。

「赠人玫瑰，手留余香」，咱们下期拜拜~~

4. 热文推荐💭

若想学习更多，可以参考这篇专栏总结《2023最新首发，全网最全 Spring Boot 学习宝典(附思维导图)》，本专栏致力打造最硬核 Spring Boot 进阶系列学习内容，🚀均为全网独家首发，打造精品专栏，专栏持续更新中。欢迎大家订阅持续学习。

在入门及进阶之途，我必助你一臂之力，系统性学习，从入门到精通，带你不走弯路，直奔终点；投资自己，永远性价比最高，都这么说了，你还不赶紧来学？？

5. 文末💭