websocked基础

http与websocked区别

http

只能由客户端发起，服务端返回数据。
简单总结：
客户端：1个request==>
服务端：1个response
客户端：1个request==>
服务端：1个response
不能由服务端主动推送
HTTP1.1keep-alive也是同样

websocked

由客户端建立连接，服务器可以主动向客户端推送数据。
简单总结：
客户端：1个request==>
服务端：<======
服务端：<======
服务端：<======
服务端：<======
只需要一次http请求。

websocked特点

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

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

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

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

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

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

如何使用websocked

1. WebSocket 对象作为一个构造函数，用于新建 WebSocket 实例。

var ws = new WebSocket('接口地址');

执行上述语句后客户端就会向服务端进行连接

2. 客户端可以通过webSocket.readyState获取当前状态
   属性：
   webSocket.readyState

状态值	说明
值为0	表示正在连接。
值为1	表示连接成功，可以通信了。
值为2	表示连接正在关闭。
值为3	表示连接已经关闭，或者打开连接失败。

3. webSocket事件
   实例对象webSocket.onopen

ws.onopen = function () {
   
  ws.send('Hello Server!');
}
// 或
ws.addEventListener('open', function (event) {
   
  ws.send('Hello Server!');
})