# Uni_ServiceChat

**Repository Path**: xwcoding/uniChat

## Basic Information

- **Project Name**: Uni_ServiceChat
- **Description**: 使用socket.io + Vue + uni-app搭建的完整分离版客服系统，clone下来后安装必要依赖即可跑起来，功能众多，注释详细
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 71
- **Created**: 2021-07-11
- **Last Updated**: 2021-07-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ServiceChat

## 客服功能一览

- 机器人智能聊天
- 客服手动在线离线
- 用户主动向客服发送信息（信息包括文本、表情包）
- 客服选择会话成员，并且主动向用户发送信息（信息包括文本、表情包）
- 用户/客服接收到对方发送的信息
- 客服主动关闭用户会话，离线列表显示离线用户，用户端提示客服主动关闭会话，本次会话结束
- 客服手动离线，清除所有会话列表，用户端提示客服已离线，本次会话结束
- 客服刷新或关闭页面下线，清除所有会话列表，用户端提示客服已离线，本次会话结束
- 用户刷新页面或关闭页面，客服端提示用户已下线，本次会话结束
- 客服切换右边工具栏，选择快捷回复，可选中快捷回复信息以此快速回复内容
- 发送信息，如果服务器中断，信息状态为 0（未发送出），若 20 秒服务器仍为断开，信息状态改成-1（发送失败），若 20 秒内服务器恢复，信息状态改成 1（发送成功）
- 在用户端修改 openImitateProduct 字段为 true，可发送商品卡片
- 客服接收用户发送的商品卡片，并且查看详情
- 完成图片发送，若图片过大时进行图片压缩，图片超大时不允许发送
- 完成图片接收，查看
- 用户多台设备在线时，强制另一台设备下线
- 客服多台设备在线时，强制旧客服端下线，并且中断会员的会话

## 演示

### 客户端

![客户端](https://img-blog.csdnimg.cn/20210525091120198.gif#pic_center)

### 客服端

![客服端](https://img-blog.csdnimg.cn/20210525091249849.gif#pic_center)

如果对您对此项目有兴趣，可以点 “Star” 支持一下 谢谢！

如果有任何的疑惑或建议，请在评论中提出，欢迎评论！

服务器(server 文件)运行：

```javascript
npm install
node app.js
```

前端客服端(service 文件)运行：

```javascript
npm install
npm  run serve
在路由后面补全 ?sendId=1 ，可切换不同的客服身份
```

前端客户端(customer 文件)：

```javascript
使用Hbuilder X 工具导入文件，并且运行编译
```