yc2768 / ServiceChat

websocket聊天学习

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

hsh-serviceChat

客服功能介绍

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

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

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

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

后端(service 文件)运行:

npm install
node app.js

前端(chatroom 文件)运行:

npm install
npm  run serve

About

websocket聊天学习


Languages

Language:Vue 68.8%Language:CSS 22.7%Language:JavaScript 7.9%Language:HTML 0.6%