1.1 前言
对于一款优秀的在线客服系统，对于企业的品牌、信誉及客户服务水平都有很大的帮助。1-1 Help Desk System 是一款开源的客服系统，旨在通过实时聊天提供优质的客户支持、开发者支持等服务。这里将介绍如何使用 npm 包 1-1-help-desk-system。
1.2 安装依赖
在项目开发之前，首先需要安装依赖，这里使用 npm 包管理器进行安装，首先需要在终端里面输入以下命令进行安装。
npm install -S 1-1-help-desk-system
安装完成后，需要在代码文件中引入 1-1-help-desk-system ，使用如下代码：
import chatClient from '1-1-help-desk-system';
1.3 初始化客户端
接下来进行客户端初始化，使用如下代码：
-- -------------------- ---- ------- ----- ------- - - -- ------ --------- - ----- ----- -------- --------- -- ---- ------------------------------------------ -- ------ ----------- -------- --------------- ------- ---------- --------------- -------- -------------- -- --- ------------- ------- -- --- - ----- ------ - --------------------展开代码
其中， customer 里面需要传入用户名和联系方式，url 需要设置成正确的服务端地址。
roomPrefix 是客服房间的前缀，只需传入字符串类型，需要和服务端一致。
welcomeMessage 为客服端接入的欢迎信息。
successHandler 和 errorHandler 分别为客户端接入成功和失败后的回调函数。
1.4 加入房间
接下来的过程是加入对应房间的过程，包括客户端的加入和客服端的状态转移。
客户端加入房间的代码如下：
client.joinRoom(roomId, { roomInitiator: user // user 为此房间的开启者 });
客服端的状态转移需要通过自定义事件进行：
event: { name: 'customerRequest', content: { roomId, userId, customerContact } }
以上方式是通过调用浏览器的 fetch api 实现的。
1.5 发送消息
发送聊天消息的代码如下：
client.send(roomId, content);
其中， roomId 是需要传入房间的 ID ，content 是需要发送的聊天内容。
1.6 断开连接
终止与服务端的连接，需要运行如下代码：
client.disconnect(reason);
其中， reason 是指需要断开连接的原因。
1.7 结语
1-1-help-desk-system 可以帮助开发者打造一款优秀的在线客服系统，提供优质的服务，为企业增加品牌影响力及客户满意度。希望本文能给大家提供一些帮助，感谢阅读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/106513
