社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
Websocket原理
以下简要介绍一下 WebSocket 的原理及运行机制。
WebSocket 是 HTML5 一种新的协议。它实现了浏览器与服务器全双工通信,能更好的节省服务器资源和带宽并达到实时通讯,它建立在 TCP 之上,同 HTTP 一样通过 TCP 来传输数据,但是它和 HTTP 最大不同是:
· WebSocket 是一种双向通信协议,在建立连接后,WebSocket 服务器和 Browser/Client Agent 都能主动的向对方发送或接收数据,就像 Socket 一样;
· WebSocket 需要类似 TCP 的客户端和服务器端通过握手连接,连接成功后才能相互通信。
有交集,但是并不是全部。
·
非 WebSocket 模式传统 HTTP 客户端与服务器的交互如下图所示:
ajax轮询的原理非常简单,让浏览器隔个几秒就发送一次请求,询问服务器是否有新信息。
使用 WebSocket 模式客户端与服务器的交互如下图:
上图对比可以看出,相对于传统 HTTP 每次请求-应答都需要客户端与服务端建立连接的模式,WebSocket 是类似 Socket 的 TCP 长连接的通讯模式,一旦 WebSocket 连接建立后,后续数据都以帧序列的形式传输。在客户端断开 WebSocket 连接或 Server 端断掉连接前,不需要客户端和服务端重新发起连接请求。在海量并发及客户端与服务器交互负载流量大的情况下,极大的节省了网络带宽资源的消耗,有明显的性能优势,且客户端发送和接受消息是在同一个持久连接上发起,实时性优势明显。
2.建立连接
spring+websocket
1. 加入 maven依赖 pom.xml
2. 配置spring 文件 加入websocket
3. 配置拦截器
4. 拦截器处理类
5.创建配置
创建websocket配置相关的类,如我的WebSocketConfig.java,这一个类似于servlet项目中的@ServerEndpoint注解,它的作用就是在html页面中可以直接访问这个类配置的网址,从而进行相关逻辑的处理,而不是经过controller层来管理,有了这个类,WebSocketConfig就相当于是controller层了。
6.发送数据
二 、前端
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!