vue封装websocket_websocket在vue项目的封装和使用

1.什么是websocket

websocket是一种在单个TCP连接上进行全双工通信的协议。websocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC 7936补充规范。webscoketAPI也被W3C定为标准。

websocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在websocketAPI中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。

2.握手协议

websocket是独立的、创建在TCP上的协议

websocket通过HTTP/1.1协议的状态码进行握手

为了创建websocket连接，需要通过浏览器发出请求，之后服务器进行回应，这个过程通常称为握手

3.vue项目开发中怎么实现一次封装，全局使用websocket

在项目中的src文件夹下的api文件夹中创建 socket.js文件

var websock = nullvar globalCallback = null

// 初始化weosocketfunction initWebSocket () { // ws地址 -->这里是你的请求路径

var ws= 'ws://www.yourdomain.con/ws'

websock = new WebSocket(ws)

websock.onmessage = function (e) {

websocketonmessage(e)

}

websock.onclose = function