# ServiceChat

**Repository Path**: snowid/service-chat

## Basic Information

- **Project Name**: ServiceChat
- **Description**: 使用socket.io+vue搭建的客服通讯网页，clone下来后安装必要依赖即可跑起来，功能众多，注释详细
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://blog.csdn.net/weixin_42000816/article/details/112131388
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 80
- **Created**: 2021-03-22
- **Last Updated**: 2021-03-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# hsh-serviceChat

### 客服功能介绍

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

部分功能实现：https://blog.csdn.net/weixin_42000816/article/details/112131388

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

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

后端(service 文件)运行：

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

前端(chatroom 文件)运行：

```javascript
npm install
npm  run serve
```