我使用nodejsvue3实现了写了…nodejs编写ws服务是非常简单高效的nodejs有众多的实现ws的库如ws,SocketIO等nodejs的事件线程是单线程的所以不要在事件线程内做阻塞性的操作耗时的操作交给工作线程或者子进程操作。

1.nodejs服务端代码

{port:3000});wss.on(connection,(ws){console.info(new

connection

join,ws);ws.on(message,(data){wss.clients.forEach((client{if

(client.readyState

{client.send(data,{binary:false});}}))console.info(get

msg

String(data)).toString());})});console.log(start

success);2.

使用游览器自带的WebSocket对象连接ws服务使用ws库的WebSocket对象在游览器运行时会报错存在一定的问题

script

WebSocket(ws://localhost:3000);onMounted(()

{//

event.data);receiveMsgList.value.push(JSON.parse(event.data))});//

监听连接关闭事件

Msg(username,toSendMsg.value)ws.send(JSON.stringify(msgInfo));toSendMsg.value;

:span6div

classchart-room-headel-scrollbar

height400pxdiv

scrollbar-demo-is-own{{item.content}}span{{

:username

scrollbar-demo-is-o***rspan{{item.username}}:/span{{

item.content

clicksendMsg发送/el-button/div/div/el-col/templatestyle

langscss

var(--el-color-primary-light-9);color:

{justify-content:

https://github.com/haozhi-ly/chatroom-demo