WebScoket

目录

一.什么是WebScoket?

二.WebScoket的作用

三.WebScoket的使用

1.创建WebScoket对象

2.WebScoket属性

3.WebScoket事件

4.WebScoket方法

用法:

---

一.什么是WebScoket?

WebScoket 是一种网络通信协议。RFC6455定义了它的通信标准。

WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。

二.WebScoket的作用

HTTP 协议无法实现服务器主动向客户端发起消息,如果服务器有连续的状态变化，客户端要获知就非常麻烦,WebSocket 连接允许客户端和服务器之间进行全双工通信，以便任一方都可以通过建立的连接将数据推送到另一端。WebSocket 只需要建立一次连接，就可以一直保持连接状态。这相比于轮询方式的不停建立连接显然效率要大大提高。

三.WebScoket的使用

任何实际的 WebSockets 服务器端实现都需要一个异步服务器。

1.创建WebScoket对象

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

以上代码中的第一个参数 url, 指定连接的 URL。第二个参数 protocol 是可选的，指定了可接受的子协议。

2.WebScoket属性

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

3.WebScoket事件

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

4.WebScoket方法

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

用法:

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

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

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

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