WebSocket介绍

比眉伴天荒 2022-12-15 08:34 145阅读 0赞

websocket介绍：

websocket是html5开始提供的一种在单个TCP连接上进行全双工通讯的协议，它使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向传输。

在WebSocket API中，浏览器和服务器只需要做一个握手动作，然后浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

Ajax轮询：

轮询是在特定的时间间隔，由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来明显的缺点，即浏览器需要不断的向服务器发出请求，然而，HTTP请求可能包含较长的头部，其中真正有效的数据可能只是一小部分，显然这样胡浪费很多的带宽等资源。

websocket协议能更好的节省服务器资源和带宽，并且能够更实时地进行通讯。

![d67ff5fa09f0eb742bfbbe39bd1fe276.png][]

websocket于http的关系：

相同点：

*  都是一样基于TCP的，都是可靠性传输协议
 *  都是应用层协议

不同点：

*  websocket是双向通信协议，模拟socket协议，可以双向发送或接收信息。http是单向的
 *  websocket是需要握手进行建立连接的

联系：

websocket在建立握手时，数据是通过http传输的。但是在建立之后，真正传输的时候是不需要http协议的。

websocket与socket的关系：

socket其实并不是一个协议，而是为了方便使用TCP或者UDP而抽象出来的一层，是位于应用层和传输控制层之间的一组接口。在设计模式中，socket其实就是一个门面模式，它把复杂的tcp/ip协议族隐藏在socket接口后面，对用户来说，一组简单的接口就是全部，让socket去组织数据，以符合指定的协议。

当两台主机通信时，必须通过socket连接，socket则利用tcp/ip协议建立tcp连接。tcp连接则更依靠与底层的ip协议，ip协议的连接则依赖于链路层等更低层次。

websocket事件：

*  open：---->处理程序：Socket.onopen 连接建立时触发
 *  messag：---->处理程序：Socket.onmessage 客户端接收服务端数据时触发
 *  error：---->处理程序：Socket.onerror 通信发生错误时触发
 *  close：---->处理程序：Socket.onclose 连接关闭时触发

websocket方法：

*  socket.send()：使用连接发送数据
 *  socket.close()：关闭连接

[d67ff5fa09f0eb742bfbbe39bd1fe276.png]: /images/20221123/569866df48624cf2a76c5c3cf8829310.png