Web Socket是与服务器的双全工、双向通信渠道
Web Socket使用了自定义协议。
自定义协议的好处:客户端和服务端可以发送非常小的数据,不会对HTTP造成任何负担,使用更小的数据包让Web Socket非常适合带宽和延迟问题比较严重的移动应用
自定义协议缺点:定协议的事件比 JavaScript API要长
我们需要服务器主动发送信息到客户端的需求,我们可以轮询的方式或Web Socket实现
使用WebSocket:
1.实例化一个Websocket对象
var ws = new webSocket('ws://127.0.0.1:8000)
Web Socket URL 使用 ws:// 或 wss:// 后者是安全连接
浏览器会在初始化 WebSocket 对象立即创建连接
2. webSocket.readState
readState属性返回实例的当前状态,共有四种
WebSocket.OPENING //0 连接正在建立
WebSocket.OPEN //1 连接已经建立
WebSocket.CLOSING //2 连接正在关闭
WebSocket.CLOSE //3 连接已经关闭
3.3个回调函数
WebSocket.onpen
onpen属性,用于指定连接成功后的回调函数
ws.onopen = function(){
alert('连接成功')
}
WebSocket.onerror
onerror属性,连接发生错误的回调方法
ws.onerror = function(){
alert('连接失败')
}
WebSocket.onclose
onclose属性,连接关闭的回调方法
ws.onclose = function(){
alert('连接失败')
}
4. WebSocket.onmessage
实例对象的onmessage属性,用于指定接收服务器数据后的回调函数
ws.onmessage = function(data){
console.log('服务端返回的消息 数据')
// JSON.parse()
// 对数据进行某些操作
}
4. WebSocket.send()
实例对象的send()方法,用于向服务器发送数据
// 判断状态 连接成功发送数据
if(ws.readyState == WebSocket.OPEN){
let data = {}
ws.send(data)
}