vue3+elementplus+nodejs/java搭建长连接

最新推荐文章于 2025-07-13 19:46:17 发布

前端小云儿

最新推荐文章于 2025-07-13 19:46:17 发布

阅读量145

点赞数 4

CC 4.0 BY-SA版权

分类专栏：前端静态页面以及逻辑文章标签：开发语言 websocket

本文链接：https://blog.csdn.net/jieweiwujie/article/details/147891595

前端静态页面以及逻辑专栏收录该内容

150 篇文章 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

WebSocket是HTML5下一种新的协议（websocket协议本质上是一个基于tcp的协议）
它实现了浏览器与服务器全双工通信，能更好的节省服务器资源和带宽并达到实时通讯的目的
Websocket是一个持久化的协议

websocket约定了一个通信的规范，通过一个握手的机制，客户端和服务器之间能建立一个类似tcp的连接，从而方便它们之间的通信
在websocket出现之前，web交互一般是基于http协议的短连接或者长连接
websocket是一种全新的协议，不属于http无状态协议，协议名为"ws"

一 vue3+elementplus+nodejs

webSocketDemo.js.

启动 node webSocketDemo.js

const WebSocket = require('ws')
const wss = new WebSocket.Server({ port: 3000 })
// 新增服务启动提示
wss.on('listening', () => {
    console.log('✅ WebSocket 服务已启动在端口 3000');
});

// 添加错误处理
wss.on('error', (err) => {
    console.error('❌ 服务启动失败:', err.message);
    console.log('可能原因：端口被占用或权限不足');
});

// 模拟实时数据生成
function generateData() {
    return [
        { id: 'cpu

了解本专栏