websocket有什么用

　　

这篇文章将为大家详细讲解有关websocket有什么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

什么是WebSocket

定义

Websocket是一个持久化的网络通信协议，可以在单个 TCP 连接上进行全双工通讯，没有了Request和Response的概念，两者地位完全平等，连接一旦建立，客户端和服务端之间实时可以进行双向数据传输

关联和区别

  • HTTP

  1. HTTP是非持久的协议，客户端想知道服务端的处理进度只能通过不停地使用 Ajax进行轮询或者采用 long poll 的方式来，但是前者对服务器压力大，后者则会因为一直等待Response造成阻塞

  2. 虽然http1.1默认开启了keep-alive长连接保持了这个TCP通道使得在一个HTTP连接中，可以发送多个Request，接收多个Response，但是一个request只能有一个response。而且这个response也是被动的，不能主动发起。

  3. websocket虽然是独立于HTTP的一种协议，但是websocket必须依赖 HTTP 协议进行一次握手(在握手阶段是一样的)，握手成功后，数据就直接从 TCP通道传输，与 HTTP 无关了，可以用一张图理解两者有交集，但是并不是全部。

  • socket

  1. socket也被称为套接字，与HTTP和WebSocket不一样，socket不是协议，它是在程序层面上对传输层协议（可以主要理解为TCP/IP）的接口封装。可以理解为一个能够提供端对端的通信的调用接口（API）

  2. 对于程序员而言，其需要在 A 端创建一个 socket 实例，并为这个实例提供其所要连接的 B 端的 IP 地址和端口号，而在 B 端创建另一个 socket 实例，并且绑定本地端口号来进行监听。当 A 和 B 建立连接后，双方就建立了一个端对端的 TCP 连接，从而可以进行双向通信。WebSocekt借鉴了 socket 的思想，为 client 和 server 之间提供了类似的双向通信机制

应用场景

WebSocket可以做弹幕、消息订阅、多玩家游戏、协同编辑、股票基金实时报价、视频会议、在线教育、聊天室等应用实时监听服务端变化

Websocket握手

  • Websocket握手请求报文：

GET /chat HTTP/1.1
　　主持人:server.example.com
　　升级:websocket
　　连接:升级
　　Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==Sec-WebSocket-Protocol:聊天,superchat
　　Sec-WebSocket-Version: 13
　　来源:http://example.com

下面是与传统HTTP报文不同的地方:

升级:websocket 　　连接:升级

表示发起的是WebSocket协议

Sec-WebSocket-Key: x3JJHMbDL1EzLkh9GBhXDw==Sec-WebSocket-Protocol:聊天,superchat 　　Sec-WebSocket-Version: 13

<强> Sec-WebSocket-Key 是由浏览器随机生成的,验证是否可以进行Websocket通信,防止恶意或者无意的连接。

<强> Sec_WebSocket-Protocol 是用户自定义的字符串,用来标识服务所需要的协议

<强> Sec-WebSocket-Version 表示支持的Websocket版本。

<李>

服务器响应:

HTTP/1.1, 101, Switching 协议 　　升级:websocket 　　连接:升级 　　Sec-WebSocket-Accept: HSmrc0sMlYUkAGmm5OPpG2HaGWk=Sec-WebSocket-Protocol:聊天

<强> 101响应码表示要转换协议。

<强>连接:升级表示升级新协议请求。

<强>升级:websocket 表示升级为websocket协议。

<强> Sec-WebSocket-Accept 是经过服务器确认,并且加密过后的Sec-WebSocket-Key。用来证明客户端和服务器之间能进行通信了。

<强> Sec-WebSocket-Protocol 表示最终使用的协议。

至此,客户端和服务器握手成功建立了websocket连接,HTTP已经完成它所有工作了,接下来就是完全按照websocket协议进行通信了。

关于websocket

websocket心跳

可能会有一些未知情况导致插座断开,而客户端和服务端却不知道,需要客户端定时发送一个<代码>心跳Ping 让服务端知道自己在线,而服务端也要回复一个<代码>心跳Pong 告诉客户端自己可用,否则视为断开

websocket状态

websocket对象中的readyState属性有四种状态:

websocket有什么用