websocket与node.js实现

什么是 websocket?

websoket 是一种网络通信协议,基于 tcp 连接的全双工通信协议(客户端和服务器可以同时收发信息),值得注意的是他不基于 http 协议,websocket 只有在建立连接的时候使用到 http 协议进行连接。

websoket 有如下特点:

  • 只建立一次连接,后续会一直保持连接状态
  • 没有同源限制,可以跨域
  • 可以接受发送任何类型数据
  • 协议是 ws 或 wss,wss 是加密的,增加了 ssl 协议

通过node实现websocket

提示:使用ts实现,运行代码前需要执行如下操作

  1. npm init
  2. tsc --init
  3. npm i @types/node -D
  4. npm i ws
  5. npm i @types/ws -D
typescript 复制代码
import ws from "ws";
// 创建socket服务
const server = new ws.Server({ port: 8080 });
// 监听连接的建立
const openHandle = () => { };
// 监听连接关闭
const closeHandle = () => { };
// 监听错误
const errorHandle = () => {};
const connectionHandle = (ws: ws) => {
  ws.on("message", messageHandle);
};
const messageHandle = (data: Buffer) => {
  // 需要注意的是websocket拿到的是二进制数据,需要通过toString进行转换
  console.log(data.toString());
  // 将收到的信息广播出去
  server.clients.forEach(item => {
    item.send(data.toString());
  });
};

server.on("open", openHandle);
server.on("close", closeHandle);
server.on("error", errorHandle);
server.on("connection", connectionHandle);
相关推荐
笑醉踏歌行31 分钟前
NVM,Node.Js 管理工具
运维·ubuntu·node.js
阿琳a_2 小时前
前端对WebSocket进行封装,并建立心跳监测
前端·javascript·vue.js·websocket
chxii3 小时前
1.4 Node.js 的 TCP 和 UDP
node.js
2501_915106324 小时前
Flutter、React Native 项目如何搞定 iOS 上架?从构建 IPA 到上传 App Store 的实战流程全解析
websocket·网络协议·tcp/ip·http·网络安全·https·udp
xd0000216 小时前
11. vue pinia 和react redux、jotai对比
node.js
程序猿小D16 小时前
第16节 Node.js 文件系统
linux·服务器·前端·node.js·编辑器·vim
小白杨树树20 小时前
【WebSocket】SpringBoot项目中使用WebSocket
spring boot·websocket·网络协议
Sherry00721 小时前
实时数据传输协议:WebSocket vs MQTT
前端·websocket
Icoolkj1 天前
WebRTC 与 WebSocket 的关联关系
websocket·网络协议·webrtc
前端老六喔1 天前
🎉 开源项目推荐 | 让你的 TypeScript/React 项目瘦身更简单!
node.js·前端工程化