在前端开发中，经常需要与服务器建立 WebSocket 连接进行实时通信。而 npm 包 universal-websocket-client 就是一个基于 WebSocket 的客户端库，旨在提供一个简单易用的接口来实现跨平台通信。
安装
可以通过 npm 管理器安装该包：
npm install universal-websocket-client
或者使用 yarn：
yarn add universal-websocket-client
使用
以下是一个简单的示例，演示如何使用 universal-websocket-client 类来建立 WebSocket 连接并进行数据传输：
-- -------------------- ---- ------- ------ - ------------------------ - ---- ----------------------------- ----- ------ - --- ------------------------------------------- ----------------- -- -- - --------------- ------------- ------------------ ---------- --- -------------------- ----- -- - --------------- --------- --------- ---
实现指南
首先，必须实例化 UniversalWebSocketClient 类，指定要连接的 WebSocket 协议的 URL。此时不会自动建立连接，需要手动调用实例的 connect() 方法。
const client = new UniversalWebSocketClient('ws://localhost');
client.connect();然后，可以监听连接状态的事件，例如 open、close、error 等。在连接打开时，可以通过 send() 方法向服务器发送消息：
client.on('open', () => {
console.log('>> connected!');
client.send('hello server!');
});在接收到服务器发送的消息时，可以使用 on('message') 方法，该方法注册一个监听器，并在每次接收到消息时触发。消息文本可以通过回调函数接收到：
client.on('message', (msg) => {
console.log(`>> received: ${msg}`);
});最后，可以在适当的时间调用 close() 方法断开连接。默认情况下，在调用 close() 方法后，实例将不再发送或接收任何消息。如果要重新使用该实例，必须重新调用 connect() 方法。如果不调用 close() 方法，则实例将连接保持打开状态。
client.close();
总结
Universal WebSocket Client 是一个非常方便的 npm 包，使得 WebSocket 客户端的编写变得更为容易。如果你在你的项目中需要实现 WebSocket 通信，可以考虑使用此包。同时，注意合理使用 WebSocket 建立连接，过多的长连接会增加服务器负担。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f39d69fdbf7be33b2566fdc