初识websocket（前端）

1、介绍

http协议：
1、是一种无状态、无连接、单向的应用层协议。
2、通信请求只能有客户发起，服务端做出应答处理。
3、弊端：无法实现服务器主动给客户端发送消息
websocket协议：
1、是一种建立在TCP协议上的网络通信协议，是window对象自带的，无需下载包
2、分为：握手、数据交互。握手是基于http协议的
3、可以发送文本、以及二进制数据
4、没有同源限制，客户端可以与任意服务器通信

前端的简单使用：

//引入websocket，创建websocket对象
let ws = new WebSocket('后端服务器') 
//监听链接
ws.onopen = ()=>{
  console.log('连接成功了');
}
// 监听数据消息
ws.onmessage = (msg)=>{
  console.log('接收到的消息:'+msg);
}
// 监听关闭
ws.onclose = ()=>{
  console.log('连接关闭了');
}
// 监听错误
ws.onerror = ()=>{
  console.log('连接错误了');
}
// 前端发送数据给服务端
ws.send(params)