蓝易云 - WebSocket是什么，怎么用？

蓝易云计算 10-19 17

前言：

现时我们对“websocket is closed before”都比较讲究，大家都需要知道一些“websocket is closed before”的相关资讯。那么小编也在网摘上网罗了一些对于“websocket is closed before””的相关文章，希望各位老铁们能喜欢，小伙伴们一起来了解一下吧！

WebSocket是什么？概述

WebSocket是一种在单个TCP连接上进行全双工通信的协议。它是HTML5的一部分，设计目的是在客户端和服务器之间建立持久连接，从而实现低延迟的实时通信。

云服务器，高防服务器就选蓝易云，头条搜索：蓝易云

特点全双工通信：客户端和服务器可以在任意时间相互发送数据。持久连接：连接一旦建立，除非明确关闭，否则将保持打开状态。低延迟：相比于传统的HTTP请求-响应模式，WebSocket减少了频繁的连接建立和断开操作，从而降低了延迟。轻量级：数据帧头部较小，适合高频数据传输。工作原理握手阶段：客户端通过HTTP请求发起握手请求。服务器接受请求并返回响应，连接升级为WebSocket协议。数据传输阶段：双方可以通过已建立的WebSocket连接发送和接收数据帧。关闭连接：任一方可以通过发送关闭帧来关闭连接。WebSocket协议与HTTP协议的对比

特性

WebSocket

HTTP

连接类型

持久连接

短连接

通信模式

全双工

半双工

延迟

低

高

头部开销

低

高

数据传输效率

高

低

WebSocket怎么用？基本使用步骤创建WebSocket连接：使用JavaScript在客户端创建一个WebSocket对象。示例：const socket = new WebSocket('ws://example.com/socket');监听连接事件：监听连接打开、消息接收、错误和关闭事件。示例：socket.onopen = function(event) { console.log('WebSocket is open now.'); }; socket.onmessage = function(event) { console.log('Received:', event.data); }; socket.onerror = function(event) { console.error('WebSocket error:', event); }; socket.onclose = function(event) { console.log('WebSocket is closed now.'); };发送数据：通过WebSocket连接发送数据。示例：socket.send('Hello Server!');关闭连接：关闭WebSocket连接。示例：socket.close();服务器端实现

以Node.js为例，使用 ws库来实现WebSocket服务器。

安装ws库：npm install ws创建WebSocket服务器：示例：const WebSocket = require('ws'); const wss = new WebSocket.Server({ port: 8080 }); wss.on('connection', function connection(ws) { console.log('A new client connected'); ws.on('message', function incoming(message) { console.log('received:', message); ws.send('Hello, you sent -> ' + message); }); ws.on('close', function() { console.log('Client disconnected'); }); }); console.log('WebSocket server is running on ws://localhost:8080');思维导图总结