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