一、开源项目简介
H5在线客服，引入一行js代码拿来即用！支持手机、电脑、APP、小程序。可一键部署自己私有SaaS云客服平台。
通过后台开通客服坐席，每个客服坐席独立管理、使用。源码100%开源，可一键部署自己私有SAAS云客服平台。
二、功能概述
H5做的在线客服对话窗口，类似于百度商桥，可以开通多个客服坐席平台，每个客服坐席平台完全独立。
功能简介：
- 支持手机端、电脑端。
- 聊天记录使用ELK持久化保存。支撑巨量聊天记录无延迟
- 支持离线消息。上线后自动接收离线消息
- 聊天中,上滑可无感加载历史聊天记录
- 用户打开聊天窗口时自动给用户发送欢迎语、常见问题
- 当用户发送消息，但客服不在线时，会自动发送设置好的一段文字给用户
- 对已录入的常见问题进行自动匹配、自动回复。
- 本地消息存储，最新消息的本地缓存，极致流畅度
- 支持图片上传、发送图片、图片放大。
- 支持表情
- 新消息提醒。当我跟A用户正在聊天，B用户给我发来消息，顶部实时显示别的用户发来的新消息提醒
- 支持自定义插件，如发送订单、更多自定义表情、发送商品、发送位置、文件、名片、礼物……都可以用插件方式扩展。
- 支持自定义心跳及心跳包扩展
- 支持断线自动重连
客服设置
客服可以自由设置自己的客服名字、头像、欢迎语（用户打开跟客服的聊天窗口时，自动发送给用户的文字）、以及离线自动回复（当用户给客服发消息，但客服不在线时，客服自动回复用户的文字）。
常见问题库
每个客服平台都可以设置自己的常见问题库（也就是问、答），这里可以设置多少条常见问题，当用户发起跟自己的聊天时，会自动将常见问题的提问列表发给用户，用户点击某一条问题，系统自动回复给用户答案。
客服JS
客服可以生成JS调用路径，非常方便的给第三方平台调用。比如，将这个js文件引入网站，便可让网站快速拥有客服功能！同时客服还可以设置第三方平台中，显示的客服入口，比如客服入口的背景色、文字及图片颜色等。
在线坐席
客服没事就点开在线坐席页面，当有用户提问时，如果你在此页面中，那么就会实时将用户的问题显示出来，客服就可以跟用户实时进行交流。
三、技术选型
服务端简介
项目使用Java开发，底层是 WM快速开发、SpringBoot2
运行环境及版本：
- MySQL 5.7
- ElasticSearch 7.10.1
- Redis 5.0
- Tomcat 8.5
服务器方面说明
服务器最低配1核2G配置，完全按照我们基础环境搭建里面的安装来，不要装宝塔等文档之外的东西，也不要让其他项目跟云客服共用一台服务器（如果你有运维方面足够的经验，那完全可以一台服务器放多个，因为你有足够的经验，就能完全自己独立搞定）
后端包结构
- com.xnx3.kefu.core 客服核心实现
- com.xnx3.kefu.admin 客服管理后台，每个客服都有一个自己管理后台（客服分多个坐席）
- com.xnx3.kefu.superadmin 超级管理后台
- com.xnx3.yunkefu.inset 第三方系统接入云客服，让第三方系统快速拥有客服功能
前端使用及开发
懒人极速体验代码
新建一个HTML文件，其内容如下，直接用浏览器打开即可看到效果。适用于懒人。
<!DOCTYPE html>
<html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DEMO</title>
</head>
<body>
<script src="https://res.weiunity.com/wm/wm.js"></script>
<script src="https://res.weiunity.com/kefu/dev/h5Pc/h5Pc.js"></script>
<button onclick="kefu.ui.chat.entry('365fef747a9e493fb631b621ee36eed1');">打开PC端客服聊天窗口</button>
</body>
</html>
四、界面展示
五、开源协议
使用Apache2.0开源协议
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
评论(0)