开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情
背景
最近有个需求，是要做PC端的消息发送与消息接收并提醒，后端是Springboot,前端页面使用的vue2,经过讨论与沟通，最终就确定了使用webSocket来实现这个需求。
WebSocket介绍
Websocket 协议是HTM5 协议，它的出现解决了客户端发起多个http 请求到服务器的资源浏览器必须经过长时间的轮询问题而产生的，websocket 实现了多路复用，全双工通信方式，该协议可以实现客户端和浏览器端同时发送数据。
WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
使用
在maven中引入webSocket坐标。
<!--webSocket-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-websocket</artifactId>
</dependency>
新增WebSocketConfig 配置文件类。
@Configuration
public class WebSocketConfig {
@Bean
public ServerEndpointExporter serverEndpointExporter() {
System.out.println("注入ServerEndpointExporter");
return new ServerEndpointExporter();
}
}
后端接口到消息，进行处理。
@Slf4j
@RestController
@RequestMapping("/websocket")
public class WebSocketController {
@GetMapping("test/{userId}")
public void test(@PathVariable("userId") String userId) {
try {
SimpleDateFormat dateFormat = new SimpleDateFormat("HH:mm:ss");
String date = dateFormat.format(new Date());
WebSocketServer.sendInfo("后端服务推送信息:"+ date, userId);
} catch (Exception e) {
log.error("分页查询数据接口列表失败", e);
}
}
}
最后
websocket与http的关系
相同点：
- 都是基于tcp的，都是可靠性传输协议
- 都是应用层协议
不同点：
- WebSocket是双向通信协议，模拟Socket协议，可以双向发送或接受信息
- HTTP是单向的
- WebSocket是需要浏览器和服务器握手进行建立连接的
- 而http是浏览器发起向服务器的连接，服务器预先并不知道这个连接
