websocket是什么
答: 它是一种网络通信协议,是 HTML5
开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。
-
意思就是服务器可以
主动向客户端推送信息
,客户端也可以主动向服务器发送信息
-
属于服务器推送技术的一种.
为什么需要websocket? 疑问? 我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处?
答:
因为 HTTP 协议有一个缺陷:通信只能由客户端发起
我们都知道轮询的效率低,非常浪费资源(因为必须不停连接,或者 HTTP 连接始终打开), 因此websocket应运而生。
简介
WebSocket用于在Web浏览器和服务器之间进行任意的双向数据传输的一种技术。WebSocket协议基于TCP协议实现,包含初始的握手过程,以及后续的多次数据帧双向传输过程。其目的是在WebSocket应用和WebSocket服务器进行频繁双向通信时,可以使服务器避免打开多个HTTP连接进行工作来节约资源,提高了工作效率和资源利用率。
WebSocket目前支持两种统一资源标志符ws和wss,类似于HTTP和HTTPS。
特点:
(1)建立在 TCP 协议
之上,服务器端的实现比较容易。
(2)与 HTTP 协议
有着良好的兼容性。默认端口也是80和443,并且握手阶段
采用 HTTP 协议,因此握手时不容易屏蔽,能通过各种 HTTP 代理服务器
。
(3)数据格式比较轻量,性能开销小,通信高效。
(4)可以发送文本
,也可以发送二进制数据
(blob
对象或Arraybuffer
对象)
(5)收到的数据类型 可以使用binaryType 指定, 显式指定收到的二进制数据类型
(6)没有同源限制
,客户端可以与任意服务器通信。
(7)协议标识符是ws(握手http)
(如果加密,则为wss(tcp +TLS)
),服务器网址就是 URL。
WebSocket对象
WebSocket对象
提供了用于创建和管理WebSocket 连接
,以及可以通过该连接发送和接收数据的 API
。
使用 WebSocket()
构造函数来构造一个 WebSocket
。
服务器有连续的状态变化,客户端要获知就非常麻烦。
-
我们只能使用
轮询
:每隔一段时候,就发出一个询问,了解服务器有没有新的信息。最典型的场景就是聊天室。 -
轮询的效率低,非常浪费资源(因为必须不停连接,或者
HTTP 连接始终打开
);
Chrome 请求列表:分析 WebSocket
过滤器(过滤资源xhr js ws css ws等):
-
按照类型:ws
-
属性过滤:is:running