关于websocket连接的八个面试必问考点

Posted 2021-04-25 程序员食堂

H

WebSockt

1

1、var Socket = new WebSocket(url, [protocol] );

第一个参数 url, 指定连接的 URL。第二个参数 protocol 是可选的，指定了可接受的子协议。

WebSocket 是一种网络通信协议，是html5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

过程：浏览器通过 javascript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。

WebSocket 协议本质上是一个基于 TCP （传输控制协议）的协议。

2

WebSocket属性

（1）Socket.readyState：（只读属性，表示连接状态）

0 - 表示连接尚未建立。

1 - 表示连接已建立，可以进行通信。

2 - 表示连接正在进行关闭。

3 - 表示连接已经关闭或者连接不能打开。

（2）Socket.bufferedAmount：只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输，但是还没有发出的 UTF-8 文本字节数。

3

WebSocket事件

事件	事件处理程序	描述
open	Socket.onopen	连接建立时触发
message	Socket.onmessage	客户端接收服务端数据时触发
error	Socket.onerror	通信发生错误时触发
close	Socket.onclose	连接关闭时触发

重点

open：用于指定连接成功后的回调函数，若有多个回调函数，可采用addEventListener方法。

message：服务器数据可能是文本，也可能是二进制数据（blob对象或Arraybuffer对象），除了动态判断收到的数据类型，也可以使用binaryType属性，显式指定收到的二进制数据类型。

4

WebSocket方法

方法	描述
Socket.send()	使用连接发送数据
Socket.close()	关闭连接

5

WebSocket的传输流程

为了建立一个 WebSocket 连接，客户端浏览器首先要向服务器发起一个 HTTP 请求，这个请求和通常的 HTTP 请求不同，包含了一些附加头信息，其中附加头信息"Upgrade: WebSocket"表明这是一个申请协议升级的 HTTP 请求，服务器端解析这些附加的头信息然后产生应答信息返回给客户端，客户端和服务器端的 WebSocket 连接就建立起来了，双方就可以通过这个连接通道自由的传递信息，并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连接。

6

WebSocket特点

最大的特点：服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。

（1）建立在 TCP 协议之上，服务器端的实现比较容易。

（2）与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服务器。

（3）数据格式比较轻量，性能开销小，通信高效。

（4）可以发送文本，也可以发送二进制数据。

（5）没有同源限制，客户端可以与任意服务器通信。

（6）协议标识符是ws（如果加密，则为wss），服务器网址就是 URL。

上面的特点要背过，面试肯定问的哦

7

WebSocket的通信协议

WebSocket与TCP、HTTP的关系：WebSocket与http协议一样都是基于TCP的，所以他们都是可靠的协议，Web开发者调用的WebSocket的send函数在browser的实现中最终都是通过TCP的系统接口进行传输的。

WebSocket和Http协议一样都属于应用层的协议：WebSocket在建立握手连接时，数据是通过http协议传输的，但是在建立连接之后，真正的数据传输阶段是不需要http协议参与的。

8

WebSocket的优点

a)、服务器与客户端之间交换的标头信息很小，大概只有2字节;

b)、客户端与服务器都可以主动传送数据给对方;

c)、不用频率创建TCP请求及销毁请求，减少网络带宽资源的占用，同时也节省服务器资源;

记

WebSocket建立连接

TCP三次握手的过程如下：

（1）客户端发送SYN（SEQ=x）报文给服务器端，进入SYN_SEND状态。

（2）服务器端收到SYN报文，回应一个SYN （SEQ=y）ACK(ACK=x+1）报文，进入SYN_RECV状态。

（3）客户端收到服务器端的SYN报文，回应一个ACK(ACK=y+1）报文，进入Established状态。

三次握手完成，TCP客户端和服务器端成功地建立连接，可以开始传输数据了

WebSocket的数据传输

WebScoket协议中，数据以帧序列的形式传输。若服务器接收到客户端的未经掩码处理的数据帧时，必须主动关闭连接。若客户端收到经过掩码处理过的数据帧时，必须主动关闭连接，即客户端收到的数据帧不能进行掩码处理。

放假回家的你们，这么多天有没有学习呢～

往期精彩