nodejs学习笔记(18)-websocket学习(2)-ws模块的基本使用(1)
ws
模块
构建流程
客户端(前端)
- 通过
new
浏览器的内置对象WebSocket
来构建一个WebSocket连接器
,并指定要连接的端口号
// 创建websocket连接器并指定链接端口(固定形式) |
- 生成的
ws
实例一般提供6个回调函数:onclose
: 服务器宕机就走这个回调函数onerror
: 连接失败就走这个回调函数onmessage
: 服务端每一次推送消息过来就走这个回调函数onopen
: 客户端与服务器连接成功就会走这个回调函数send
: 客户端向服务器发送消息close
: 关闭连接
// ws模块提供的5个回调函数 |
后端(服务器)
- 安装
ws
模块
npm i ws |
- 引入和创建
WebSocket
服务器
// 引入ws模块中的 WebSocket |
- 设置
websocket服务器监听
(wss
表示websocket服务器
,ws
表示当前每一个链接这台服务器的客户端
)
// 设置websocket服务器监听(wss表示websocket服务器 , ws表示当前每一个链接这台服务器的客户端) |
- 群聊功能:
wss
中有一个属性:clients
这个属性里面存放着前所有链接这台websocket服务器的客户端
// 简易的群聊功能(clients里面存放着当前所有链接这台websocket服务器的客户端) |
我写了一个小demo
来实现群聊功能
- 前端页面动态的创建
li
标签根据消息的接收动态的填入到存在的ul
标签中
<body> |
- 后端页面,这里做消息的转发
// websocket编程 - ws模块 |
结果展示:
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0许可协议。转载请注明来自 肥林の仓库