websocket

原文链接:http://www.jianshu.com/p/bf17991dea65

一 、认识

websocket是HTML5提供的一种单个TCP链接上进行双工通讯的协议,于2008年诞生,2011年成为标准,只要
浏览器在和服务器进行了一个握手链接之后,就会形成一条双向通道,从而两者就可以进行数据互相传送,在
以往我们通讯都是依靠HTTP来进行请求但是就会有一个弊端,所有的请求都是单项的,就是必须客户端发送一
个消息,服务器接受到请求之后进行响应,通常的网站都是通过轮询来进行数据的接收,来看服务器是否有最
新的消息,但是如果对于场景需求高的(聊天室)哪如果采用这种方式进行通讯,那么效率会很低效乎,工程师
就发明了websocket,它的出现从而解决了HTTP双向通讯的问题。
2485759-352730853c7f9103.png
websocket兼容性.png

二、特点

- 建立在TCP协议上
- 数据格式轻量
- 文本发送,同时支持发送二进制数据(通信高效)
- 没有同源限制,客户端可以与任何服务器进行通信

三、基本方法
1 webSocket 实例

let socket = new WebSocket(url,protocol)
url * URL地址
protocol * 子协议(可选)

2 webSocket.readyState

返回实例对象的状态,共四种
  0 * 表示尚未连接(CONNECTING)
  1 * 表示已经练级(OPEN)
  2 * 表示连接正在关闭(CLOSING)
  3 * 表示连接已经关闭或连接不能打开(CLOSED)

3 、webSocket.onopen

//websocket连接成功之后的回调
socket.onopen = function(){
  //code
}

4、websocket.onerror

//websocket.onerror用于连接报错之后的回调
socket.onerror = function(){
  //code
}

5、webSocket.onmessage

//websocket用于指定收到服务器消息之后的回调
socket.onmessage = function(){
  //code
}

6、webSocket.send

//用于往服务器发送数据
socket.send(value)

7、webSocket.close

//关闭连接之后的回调函数
socket.close = function(){
  //code
}

-- 后续会通过node.js来模拟服务器进行操作

展开阅读全文

没有更多推荐了,返回首页