带心跳的webSocket的使用和封装

一、webSocket简介

      webSocket是一种网络通信协议，由于HTTP只能实现客服端向服务器的单向通信，即只能客户端主动给服务器发请求，服务器却没有办法主动“联系”客户端，所以全双工通信的webSocket应运而生，以便任何一方都能把数据推给另一方，大大提高了工作效率。 

1、创建方法

url为请求的webSocket接口地址，第二个参数 protocol 是可选的，指定了可接受的子协议。

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

2、webSocket属性

属性	描述
Socket.readyState	只读属性 readyState 表示连接状态，可以是以下值：0 - 表示连接尚未建立。1 - 表示连接已建立，可以进行通信。2 - 表示连接正在进行关闭。3 - 表示连接已经关闭或者连接不能打开。
Socket.bufferedAmount	只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输，但是还没有发出的 UTF-8 文本字节数。

3、webSocket事件

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

4、webSocket方法

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

二、webSocket的使用

1、webSocket的简单实例

// 初始化一个 WebSocket 对象
var ws = new WebSocket("ws://localhost:9998/echo");

// 建立 web socket 连接成功触发事件
ws.onopen = function () {
  // 使用 send() 方法发送数据
  ws.send("发送数据");
};

// 接收服务端数据时触发事件
ws.onmessage = function (evt) {
  var received_msg = evt.data;//接受到的数据
};

// 断开 web socket 连接成功触发事件
ws.onclose = function () {
  alert("连接已关闭...");
};

      以上就是一个