前言
前端开发中，特别是在 Web 应用中，经常会有需要搭建客户端与服务器的通讯，比如实时聊天、通知等等。而使用 WebSocket 等协议搭建长连接一般是比较复杂的，需要自己手动实现一些底层协议。这个时候，第三方库 @the-/client 可以帮助我们简化这个过程，让我们更加专注于业务逻辑的实现。
在本篇文章中，我们将会详细介绍 @the-/client 的使用教程。
安装
@the-/client 可以通过 npm 进行安装：
npm install @the-/client
使用
配置
在使用 @the-/client 之前，需要进行一些配置，包括服务器地址、端口等信息。可以通过如下方式进行配置：
-- -------------------- ---- -------
----- --------- - -----------------------
----- ------ - --- -----------
-- -----
---------- ------------------------
-- --------- --
------- -----
-- ---------
--- -
------ -- -- ----------------------
--
--其中，serverUrl 表示服务器地址，wsPort 表示 WebSocket 端口。另外，可以通过 on 属性添加自定义事件回调，例如上面的示例中添加了 ready 事件回调，在客户端与服务器建立连接之后会触发该回调函数。
连接服务器
配置好之后，可以通过 connect() 方法连接服务器：
client.connect()
发送消息
连接成功后，可以通过 send() 方法向服务器发送消息：
client.send('hello')接收消息
可以通过 TheClient 实例的 on() 方法监听消息事件，在收到服务器发送过来的消息后触发：
// 监听服务器消息事件
client.on('message', (data) => {
console.log(`receive message: ${data}`)
})断开连接
可以通过 disconnect() 方法与服务器断开连接：
client.disconnect()
总结
通过本文的讲解，我们可以看到 @the-/client 的使用非常简单，配置简单，功能强大。使用 @the-/client 我们可以轻松实现客户端与服务器的通讯，并避免了底层协议的实现，让我们更加专注于业务逻辑的实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/191021