IDEA 开发 WebSocket + SrpingBoot 前

1、创建项目时选择Spring Initializr，Next—> 之后填写项目名称相关信息，Next—>后选择，勾选web下的web 和 websocket，勾选Template Engines 下的thymeleaf，选择项目地址后完成创建

2、添加pom文件依赖

1

3.创建websocket配置类，配置如下，方能使用websocket

2

4.创建websocket服务端处理类（核心），代码功能看注释

3

4.1 该类中有四个方法 @OnOpen @OnMessage @OnClose  @OnError

4 5 6 7

4.2其余方法 

8 9

5、编写前端代码 index.html

10 11 12 13 14

index.html运行步骤:

1、网页初始化会加载图14 的 createWebSocket(wsUrl);方法 

2、创建对象之后并连接后会进入到图12的onopen方法中去进行心跳检测

3、进入图14的heartCheck 中进行心跳检测（收发消息）

4、ws.send("HeartBeat"); 会调用后端类中的@OnMessage方法 

5、@OnMessage会再次发送信息给前端进行回应

6、图12 中的 initEventHandle()方法是根据连接的状态决定重连还是检测 检测不到肯定就是关闭或者 error ，那就是会进行重连

请见图14 的ws.send("HeartBeat");  和图6中的system.out.println(message); 这样控制台便可以打印出前台发送的“HeartBeat”字段

以上全部代码。