基于SSE长连接的智能客服问答系统技术方案及完整项目源码

2024-04-08 23:52
文章标签 源码 系统 技术 项目 连接 智能 问答 方案 完整 客服 sse

本文主要是介绍基于SSE长连接的智能客服问答系统技术方案及完整项目源码，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

如果有帮助到您还请动动手帮忙点赞，关注，评论转发，感谢啦！💕💕💕😘😘😘 本文由Butterfly一键发布工具发布 @[TOC]

§ 一、项目背景

公司为了及时快速高效地了解用户真实需求，最开始采用的是网易七鱼的客服问答系统，但是使用过程中并不能够解决一些特定需求，而且对于我们自己维护不太友好，所以公司组织人力开发属于自己的客服系统。旨在为了100%对口我们自己核心业务，做到0开发复制新的客服项目。

图片

然后就由我前头组建了团队，说是团队，其实就是我一个人，哈哈。

然后经过两个月的努力（煎熬），才有了比较能用的技术方案及项目实施.最终1.0客服问答系统落地。公司反馈还不错。特此拿来分享（可以说是显摆嘛哈哈)，分享的当然是最初版本，只讲核心几个大模块；其他定制化满足自身业务升级部分省略哈哈哈；

在这里插入图片描述

§ 二、项目演示

在这里插入图片描述

皮一下，接下来正式开始

本来想着录制一下子的，发现浏览器插件screenity有问题了，后期补充吧

§ 三、项目介绍

项目采用SSE长连接方式，并非市面上大多数使用的轮询、webscoket等技术，因为用户SSE可以大大减少带宽，网络、流量等资源的消耗，没有消息的接收及发送不进行任何操作，服务端及用户有信息输入才会触发页面及服务器的消息接收及发送

本文章将围绕三个大系统展开分享；分别是：

  • 客户使用的toC（简称C系统）问答聊天界面；
  • 管理员及客服小姐姐使用toB（简称B系统）后台管理系统
  • 满足toC及toB的后端服务系统

§ B系统主要功能

§ 1. 注册登录重置密码

  • 用户注册，邮箱校验

    在这里插入图片描述 登录注册还是比较难处理的，需要考虑鉴权与加密存储用户信息，使用非对称加密方式大大加强了用户信息的安全性，并且用户密码采用加盐处理，保证了用户信息的安全。

    • 用户登录

      在这里插入图片描述 用户登录采用jwt token检验方式，确保用户登录的唯一性与安全性

  • 随机验证码（后期维护） 实现随机生成验证码功能，用于用户注册、登录等操作的验证，可包括图形验证码、短信验证码等方式，并考虑后续的维护和更新

    • 忘记密码 提供用户忘记密码时的密码重置功能，包括验证身份、发送重置链接或验证码等流程，确保用户可以安全地重新设置密码. 在这里插入图片描述
    § 2. 权限管理
    • 菜单权限 管理系统中的菜单项，包括菜单的添加、编辑、删除以及权限设置，确保不同用户能够看到符合其权限的菜单。
    • 角色权限 对系统中的角色进行管理，包括角色的创建、权限分配、角色的绑定等操作，实现对用户权限的灵活控制
    • 用户管理 对系统用户进行管理，包括用户的添加、编辑、删除，以及用户的角色分配、状态管理等，确保系统安全可控。
    § 3. 项目管理

    • 项目配置 对系统中各个项目的基本信息进行配置，包括项目名称、描述、负责人等，方便项目的管理与跟踪。 在这里插入图片描述

    • 语料库配置 管理系统中的语料库，包括语料的添加、编辑、删除，以及语料的分类、标记等，为后续的数据处理提供基础。 配置问题及答案、添加基础语料库，比如未搜索到配置的专项问答就智能回复，避免用户无感，失去耐心 在这里插入图片描述![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/b2ce3896a5fc412eb31904f2cf772ef5.png#pic_center =430x230)

    • 反馈配置 管理系统中的反馈信息，包括用户反馈、系统日志等，提供反馈信息的查看、处理和分析功能，以改进系统的稳定性和用户体验。 在这里插入图片描述

    § 4.客服管理

    • 坐席管理 客服人员进行管理，包括坐席的添加、编辑、删除，以及坐席的状态管理、权限分配等，确保客服团队的高效运作。 在这里插入图片描述

    • 聊天室 提供在线客服的聊天室功能，包括用户的接入、消息的发送与接收、会话的记录与管理等，实现客户与客服之间的即时沟通。在这里插入图片描述

#pic_center =440x300

逗比一下O(∩_∩)O哈哈~

§ C系统主要功能

§ 1. 问答组件

  • 配置问题问答

    在B系统上配置问题，然后项目立即生效显示，点击问题即显示问题答案

  • 输入框模糊搜索快速匹配

    使用elasticsearch全文检索快速检索匹配项，并且根据匹配优先级排序 在这里插入图片描述

  • 未匹配智能回复

     当用户输入问题没有匹配到问题答案时，则根据基础语料库给出智能回复。

    在这里插入图片描述

  • 语料库里匹配默认回复 当基础语料库都没有时则给出默认回复 在这里插入图片描述

§ 2. 主题色定制

根据需求，支持任何主题色配置

在这里插入图片描述

页面及更改主题色 在这里插入图片描述

§ 3. 类微信时间显示控件及智能tip提示
非常人性化的时间显示，和微信时间显示一样。非常符合用户习惯

在这里插入图片描述 在这里插入图片描述

在这里插入图片描述

§ 4. 无障碍阅读
项目支持百度语音合成api,配置简单，功能丰富，对于不识字及视力不好的用户有极大地帮助和关怀

在这里插入图片描述

§ 4. 丰富的输入框组件
支持智能提示、丰富的表情、及上传文件文件显示等

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

§ 5. 人工客服
 支持强大的人工客服，点击转人工，即接入人工客服系统，但是需要在B系统配置坐席，没有客服则显示，当前人工客服繁忙，请稍后再试。

在这里插入图片描述

在这里插入图片描述

当客服在线时，此时客服分配算法， 如果有多个客服在线，则优先匹配服务客户少的客服与用户对接。
后期还可以分配给指定客服人员

在这里插入图片描述

在这里插入图片描述

聊天记录实事保存

§ 6. 聊天记录分表记录与查询
根据项目分表处理，将大大提高聊天记录可维护性，及优化查询效率，提高数据访问速度

在这里插入图片描述

在这里插入图片描述

§ 四、项目总结

项目管理：使用pnpm + eslint + prettier + commitlint + lint-staged + ts 实现 monorepo为前端工程化基础建设

C系统： h5聊天界面采用 vue3 + ts + vue-router + pinia + vant3.5.2 + lodash-es + axios + wfl-utils + dayjs等框架及插件

B系统 后端管理系统采用vue2 + js + vue-router + vuex + and-design-vue + md5 + nprogress + vue-cropper等框架和插件

S系统 后端服务采用阿里出的node框架eggjs。 项目采用mysql + redis + jwt + sse + nodemailer等使用 egg-es、egg-alinode、ORM框架egg-sequelize jwt插件jsonwebtoken、电子邮箱插件nodemailer和nodemailer-smtp-transport、excel处理插件xlsx，文件系统处理插件fs-extra等等，功能强大、内容丰富。

§ 本项目涵盖多个技术框架，是一套功能非常完善的系统。是前端及node后端学习的进阶项目，如果你想在vue+node方向全栈技术道路上更上一层，该项目将对你有非常大的帮助。

源码地址 提取码: 6uek

在这里插入图片描述 别忘了点赞评论加转发呀！！！@吴彦祖们！！！！ aa

如果有帮助到您还请动动手帮忙点赞，关注，评论转发，感谢啦！💕💕💕😘😘😘 本文由Butterfly一键发布工具发布

这篇关于基于SSE长连接的智能客服问答系统技术方案及完整项目源码的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/886699。

相关文章

大模型研发全揭秘：客服工单数据标注的完整攻略

大模型研发全揭秘：客服工单数据标注的完整攻略

在人工智能（AI）领域，数据标注是模型训练过程中至关重要的一步。无论你是新手还是有经验的从业者，掌握数据标注的技术细节和常见问题的解决方案都能为你的AI项目增添不少价值。在电信运营商的客服系统中，工单数据是客户问题和解决方案的重要记录。通过对这些工单数据进行有效标注，不仅能够帮助提升客服自动化系统的智能化水平，还能优化客户服务流程，提高客户满意度。本文将详细介绍如何在电信运营商客服工单的背景下进行
阅读更多...
不懂推荐算法也能设计推荐系统

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例，告诉我们不懂推荐算法的产品，也能从产品侧出发， 设计出一款不错的推荐系统。 相信很多新手产品，看到算法二字，多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法（注：传统是指科班出身的产品都会接触过）。但对于推荐算法，多数产品对着网上搜到的资源，都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后，更是加大了理解的难度。 但，不了解推荐算法，就无法做推荐系
阅读更多...
这15个Vue指令，让你的项目开发爽到爆

这15个Vue指令，让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件，按住 Control 和回车键再显示它吗？小菜一碟： <template
阅读更多...
W外链微信推广短连接怎么做？

W外链微信推广短连接怎么做？

制作微信推广链接的难点分析 一、内容创作难度 制作微信推广链接时，首先需要创作有吸引力的内容。这不仅要求内容本身有趣、有价值，还要能够激起人们的分享欲望。对于许多企业和个人来说，尤其是那些缺乏创意和写作能力的人来说，这是制作微信推广链接的一大难点。 二、精准定位难度 微信用户群体庞大，不同用户的需求和兴趣各异。因此，制作推广链接时需要精准定位目标受众，以便更有效地吸引他们点击并分享链接
阅读更多...
基于人工智能的图像分类系统

基于人工智能的图像分类系统

目录 引言项目背景环境准备 硬件要求软件安装与配置系统设计 系统架构关键技术代码示例 数据预处理模型训练模型预测应用场景结论 1. 引言 图像分类是计算机视觉中的一个重要任务，目标是自动识别图像中的对象类别。通过卷积神经网络（CNN）等深度学习技术，我们可以构建高效的图像分类系统，广泛应用于自动驾驶、医疗影像诊断、监控分析等领域。本文将介绍如何构建一个基于人工智能的图像分类系统，包括环境
阅读更多...
水位雨量在线监测系统概述及应用介绍

水位雨量在线监测系统概述及应用介绍

在当今社会，随着科技的飞速发展，各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中，水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术，其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成，形成了一个完整的闭环系统。 数据采集单元：这是系统的“眼睛”，
阅读更多...
无人叉车3d激光slam多房间建图定位异常处理方案-墙体画线地图切分方案

无人叉车3d激光slam多房间建图定位异常处理方案-墙体画线地图切分方案

墙体画线地图切分方案 针对问题：墙体两侧特征混淆误匹配，导致建图和定位偏差，表现为过门跳变、外月台走歪等 ·解决思路：预期的根治方案IGICP需要较长时间完成上线，先使用切分地图的工程化方案，即墙体两侧切分为不同地图，在某一侧只使用该侧地图进行定位 方案思路 切分原理：切分地图基于关键帧位置，而非点云。 理论基础：光照是直线的，一帧点云必定只能照射到墙的一侧，无法同时照到两侧实践考虑：关
阅读更多...
如何用Docker运行Django项目

如何用Docker运行Django项目

本章教程，介绍如何用Docker创建一个Django，并运行能够访问。 一、拉取镜像 这里我们使用python3.11版本的docker镜像 docker pull python:3.11 二、运行容器 这里我们将容器内部的8080端口，映射到宿主机的80端口上。 docker run -itd --name python311 -p
阅读更多...
高效+灵活，万博智云全球发布AWS无代理跨云容灾方案！

高效+灵活，万博智云全球发布AWS无代理跨云容灾方案！

摘要 近日，万博智云推出了基于AWS的无代理跨云容灾解决方案，并与拉丁美洲，中东，亚洲的合作伙伴面向全球开展了联合发布。这一方案以AWS应用环境为基础，将HyperBDR平台的高效、灵活和成本效益优势与无代理功能相结合，为全球企业带来实现了更便捷、经济的数据保护。 一、全球联合发布 9月2日，万博智云CEO Michael Wong在线上平台发布AWS无代理跨云容灾解决方案的阐述视频，介绍了
阅读更多...
嵌入式QT开发：构建高效智能的嵌入式系统

嵌入式QT开发：构建高效智能的嵌入式系统

摘要： 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发，详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程，包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发，涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用，以及嵌入式 QT 与硬件设备的交互，包括输入输出设
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2