websocket的原理及使用_new websocket()

1、为什么要使用websocket

很多人疑惑有http，为什么要使用websocket？因为http是超文本传输协议，的通信只能有客户端发起
其连接如图下：

如果服务器有连续的状态变化，客户端要获知就非常麻烦，可以采用轮询的方式（客户端每隔一段时间就向服务器发起请求），但这种方式很耗资源，效率较低。

2、websocket的简介

websocket是HTML5新增的一种基于TCP协议的网络通信协议，实现了浏览器与服务器全双工通信，简单来说就是服务器可以主动向浏览器推送消息，浏览器也可以主动向服务器发送消息。
对比http协议客户端与服务器如下图

其特点：
（1）建立在 TCP 协议之上，服务器端的实现比较容易。
（2）与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服务器。
（3）数据格式比较轻量，性能开销小，通信高效。
（4）可以发送文本，也可以发送二进制数据。
（5）没有同源限制，客户端可以与任意服务器通信。
（6）协议标识符是ws（如果加密，则为wss），服务器网址就是 URL。

3、websocket的使用及常见的API

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

 var ws = new WebSocket(url [, protocols]);
 //url指连接的服务器地址，
 /*第二个参数：单个协议字符串或协议字符串数组。这些字符串用于指示子协议，以便单个服务器可以实现
 多个WebSocket子协议（例如，您可能希望一个服务器能够根据指定的协议处理不同类型的交互）。如果
 不指定协议字符串，则假定为空字符串。*/
1
2
3
4
5

• 常见的API
  close()
  send():用于向服务器发送数据
  MDN上有很详细的描述:MDN
  
  CONNECTING：值为0，表示正在连接。
  OPEN：值为1，表示连接成功，可以通信了。
  CLOSING：值为2，表示连接正在关闭。
  CLOSED：值为3，表示连接已经关闭，或者打开连接失败。