介绍
@mercateo/ws 是一个基于 WebSocket 的 WebSocket client 和 server 的 JavaScript 库。它可以方便地实现 WebSocket 的连接和发送消息，轻松地与其他系统进行数据交互。
安装与配置
使用 @mercateo/ws 需要先安装它。打开终端，执行以下命令：
npm install @mercateo/ws
接着，在你的前端项目中，引入 @mercateo/ws：
import WebSocket, { WebSocketServer } from '@mercateo/ws';
客户端使用
建立连接
const ws = new WebSocket('wss://example.com/ws'); ws.on('open', () => { console.log('WebSocket 连接已打开'); });
发送消息
ws.send('Hello, WebSocket!');
接收消息
ws.on('message', (data) => { console.log('收到消息：', data); });
断开连接
ws.close();
服务器端使用
启动 WebSocket 服务器
const wss = new WebSocketServer({ port: 8080 }); wss.on('listening', () => { console.log('WebSocket 服务器已启动'); });
处理连接请求
-- -------------------- ---- ------- -------------------- ---- -- - ---------------- --------- ----- ---------------- ------ -- - -------------------- ------ --------------- ------------- --- -------------- -- -- - ---------------------- -------- --- ---展开代码
关闭 WebSocket 服务器
wss.close();
示例代码
客户端示例代码
-- -------------------- ---- ------- ------ --------- ---- --------------- ----- -- - --- ---------------------------------- ------------- -- -- - ---------------------- -------- --------------- ------------- --- ---------------- ------ -- - -------------------- ------ ----------- --- -------------- -- -- - ---------------------- -------- ---展开代码
服务器端示例代码
-- -------------------- ---- ------- ------ - --------------- - ---- --------------- ----- --- - --- ----------------- ----- ---- --- ------------------- -- -- - ---------------------- --------- --- -------------------- ---- -- - ---------------- --------- ----- ---------------- ------ -- - -------------------- ------ --------------- ------------- --- -------------- -- -- - ---------------------- -------- --- ---展开代码
结语
@mercateo/ws 是一个功能强大，易于使用的 WebSocket 库，可以方便地实现前端与后端的数据交互。我们可以使用它来开发类似聊天室、在线游戏等实时性强的应用程序。希望这篇文章对你们有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/101427
