配置WebSocket
- websocket使用也比较多的，它和http协议没有太多关系，但是有交集在于：（Websocket 其实是一个新协议，跟 HTTP 协议基本没有关系，只是为了兼容现有浏览器，所以在握手阶段使用了 HTTP）
- 首先，WebSocket 是一个持久化的协议，相对于 HTTP 这种非持久的协议来说。（相对于http来说，http是一次请求一次响应，结束：request–response结束。在通讯过程中，一直在请求响应，反复如此）而websocket通过一次http握手，整个通讯建立在一次连接状态中，服务端会一直知道你的信息，知道关闭websocket，不需要服务端反复解析。在传输中节省流量和时间，提高性能
- HTTP 协议有一个缺陷：通信只能由客户端发起。而websocket协议，实现了服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种
实现
1，编写配置类
2，编写逻辑层
vue 前端调用
methods: {
initWebSocket: function (){
this.websock = new WebSocket("ws://localhost:8080/webSocket");
this.websock.onopen = this.websocketonopen;
this.websock.onerror = this.websocketonerror;
this.websock.onmessage = this.websocketonmessage;
this.websock.onclose = this.websocketclose;
},
websocketonopen: function () {
console.log("WebSocket连接成功")
},
websocketonerror: function (e) {
console.log("WebSocket连接发生错误")
},
websocketonmessage: function (e) {
this.dataObj = JSON.parse(e.data)
this.drawLine()
this.dataObjState = false
},
websocketclose: function (e) {
console.log("connection closed (" + e.code + ")")
}
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/112560.html
