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

置顶 已于 2024-04-08 23:17:04 修改
阅读量1.6k 收藏 25
点赞数 41
分类专栏： 分享 大前端 vue 文章标签： node.js typescript 微服务 anti-design-vue
于 2024-04-08 22:09:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/websmallrabbit/article/details/137480870
版权
本文介绍了公司开发自有的客服系统项目，采用SSE长连接技术，包含B系统（管理员后台）和C系统（用户问答界面），涉及功能如权限管理、项目管理、客服管理等。项目使用了多种IT技术框架，是前端和后端学习的进阶案例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

一、项目背景

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

图片

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

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

在这里插入图片描述

二、项目演示

在这里插入图片描述

皮一下，接下来正式开始

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

三、项目介绍

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

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

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

B系统主要功能

1. 注册登录重置密码

  • 用户注册，邮箱校验

    在这里插入图片描述

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

  • 用户登录

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

  • 随机验证码（后期维护）
    实现随机生成验证码功能，用于用户注册、登录等操作的验证，可包括图形验证码、短信验证码等方式，并考虑后续的维护和更新
最低0.47元/天 解锁文章
LLM系列(1)：构建面向知识库的行业专属大模型系统——全流程落地技术方案
丨汀、的博客
04-29 1394
LLM系列(1)：构建面向知识库的行业专属大模型系统——全流程落地技术方案
基于STM32设计的智能教室管理系统_127
07-28 7498
本文介绍了一个智慧教室的设计，该设计由电器设备控制系统、环境检测系统和考勤系统三大模块构成。通过使用STM32微处理器和物联网电器设备控制中心，实现对教室内风扇、照明灯和窗帘等电器设备的智能化统一控制与运行。同时，环境检测系统可以实时监测环境光强、温度、湿度和烟雾浓度等信息，并在大屏幕上综合显示教室的舒适程度。此外，考勤系统通过建立数据库记录学生的考勤情况，使用RFID学生卡和摄像头进行考勤识别，并保存学生图像以确保考勤的真实性。
DeepSeek之前端利用SSE技术逐步显示推理结果
分享不一样的技术，与你一起共同成长!
02-12 1682
DeepSeek、文心一言、豆包、通义千问， 大家用这些大模型的时候，都会有一个对话框。你输入问题，然后大模型回答你的答案，都会有一个逐步显示的过程效果，  而不是一次性返回整个答案。开始我以为是使用到了Websocket技术，后端拿到问题以后，逐步往前端推送内容，前端再累加显示整个内容。  但是F12开启以后，没有抓到WS的相关连接信息。 我这就很好奇了，怎么实现这个过程的呢?...
智能客服系统开发（技术方案）
fly_Xiaoma的博客
05-01 5155
一个智能客服系统，负责全部的开发任务：主要包括前端页面开发，后台逻辑设计，中间客服与用户之间的对话流设计（算法部分），以及系统部署。 前端页面采用vue框架（最近比较火的一个框架，vuejs比较贴合python的风格，所以用起来比较顺手）； 后端采用django，典型的MVT架构，（类似于Android中的MVC，难度比MVP差远了）； 对话流主要采用seq2seq模型，包括捕获用户意图、获...
基础课18——智能客服系统架构
2202_75469062的博客
11-03 3541
智能客服系统是如何做成的？需要哪些架构？本文为你解答
VUE_SSE_js接收读取stream流
分享程序相关知识
05-08 4156
在网络请求中，流(stream)表示持续接收数据的过程，SSE （Server-Sent Events），服务器使用流信息向浏览器推送信息，能够实时地在客户端更新数据而无需刷新页面。不用等待整个响应完成后一次性获取。SSE它基于 HTTP 协议，目前除了 IE/Edge，其他浏览器都支持。使用SSE是在用vue对接智谱.AI的时候，对接智谱.AI使用HTTP调用，调用方式选择sse-invoke : SSE 调用的时候才能实现打字机效果，加强用户体验，缩短用户等待时间。还可以实现天气预报推送等功能。
从零开始构建简易AI问答系统
用最简单的方式说最重要的事！服务器、存储、云计 算、A智能的大数据产品、游戏开发技术。致力于广 大开发者、政企用户、各项机构等，构建云上世界提供全方位云计算解决方案。旨在打造差异化的开放式闭环生态系统帮助用户快速构建稳定、安全的云计算环境。
03-21 4044
在主程序部分中，我们新增了两个输入提示，以便用户标注答案是否正确，同时也新增了两行代码来调用 check_accuracy 和 save_result_to_excel 方法，以检验问答系统的准确率，并将标注后的结果保存到Excel文件中。当然，这个项目具体实现上还有很多需要考虑的细节，比如如何避免数据爬取被反爬虫，如何处理查询不到的问题等等，不过这个只是一个简易的AI就不考虑那么多，4、开发一个问答系统，将用户问题输入进去，然后将输入的问题与训练好的模型匹配，以便回答用户问题。
FAQ检索式问答系统 or 智能客服的问答对如何构建
qkh1234567的博客
11-05 1476
FAQ 指的是常见问答，也就是针对于某个业务，用户经常问的问题、重点关切的问题。对于一些销售型、服务型的公司，经常会在公司官网首页，或者APP中配置在线客服系统，为了节省客服人力开支，开发一个具备自动问答功能的客服机器人是有必要的。我们可以将一些固定的、简单的、常见的历史问题进行归纳总结制作“标准问题”，然后组织相关人员撰写答案，如此就生成了 FAQ 知识库了。比如某公司生成了某产品，那么会有产品手册，这样就可以从手册中总结一些问题。比如“XX产品都有什么型号？”，“XX型号空调是多少匹？
推理引擎使用与实践：vLLM × DeepSpeed × TensorRT 全流程拆解
最新发布
在信息的熵增中，记录结构、重建秩序。 技术思想者的笔记，系统构建者的注释。
04-19 924
你训练好了大模型、调好了 Prompt、模型表现也不错，但一上线就掉帧、延迟飙升、显存爆炸？ 问题不在模型本身，而在你还没有真正理解推理引擎的工作方式。 本篇文章从一名 AI 系统专家视角，系统讲解如何基于 vLLM、DeepSpeed-Inference 与 TensorRT 构建高吞吐、低延迟的推理服务，涵盖从模型加载、KV Cache 管理、动态批处理、量化部署到多模型切换的关键机制与实践技巧。
GitHub霸榜神器！NextChat领衔DeepSeek全栈开发范式
实战AI智能体
03-15 261
NextChat（原ChatGPT-Next-Web）是GitHub上斩获81.2K星标的现象级开源项目，定位为"轻量级AI助手终端"，支持DeepSeek、Claude、GPT-4、Gemini等20+主流大模型。• 原生集成DeepSeek、GPT-4、Gemini Pro等模型API，同时兼容RWKV-Runner、LocalAI等自建模型框架，通过环境变量。• 客户端体积仅5MB（Windows安装包约6MB），采用PWA渐进式Web应用技术，首屏加载速度优化至100KB级，老旧设备亦可流畅运行。
AI智能问答系统（2）：具体实现
码农三叔
01-26 1795
编写HTML文件index.html，在上方文本框中显示介绍尼古拉·特斯拉的一篇文章信息，在下方文本框输入一个和文章内容相关的问题，单击“search”按钮后会自动输出显示这个问题的答案。然后利用SQuAD2.0数据集，和神经模型MobileBERT学习文章中的知识，然后在表单中提问和文章内容有关的问题，系统会自动回答这个问题。当用户单击“search”按钮后会调用脚本文件index.js，此文件的功能是获取用户在文本框中输入的问题，然后调用神经网络模型回答这个问题。
利用SSE打造极简web聊天室
dgiij的博客
08-01 951
在B/S场景中，通常我们前端主动访问后端可以使用axios，效果很理想，而后端要访问前端则不能这样操作了，可以考虑SSE、websocket等方式，实时和性能均有保障。下面给出一个简单的SSE例子，后端是node+express，前端是html+javascript(jquery+axios) 实现一个简单的web聊天室。
搭建端到端检索式问答系统
分享DotNet技术和日常开发笔记，DotNet，Python为主。
04-02 471
问答系统(Question Answering System, QA)是信息检索系统的一种高级形式，它能用准确、简洁的自然语言回答用户用自然语言提出的问题。问答系统的应用空间十分广，包括搜索引擎，小度音响等智能硬件，聊天机器人，以及政府、金融、银行、电信、电商领域的智能客服等。在问答系统中，检索式问答系统是最容易落地的一种，它具有速度快、可控性好、容易拓展等特点。检索式问答系统是一种基于问题答案对进行检索匹配的系统。源码参考。
构建民航业知识图谱并实现语义查询
ShawnHu的博客
01-13 3706
CivilAviation Q&A 根据民航业年度公报（年报）构建民航业知识图谱并实现语义查询。 项目地址：https://github.com/ShawnHXH/QA-CivilAviationKG 平台 Windows 10 x64 Python 3.7 Neo4j community 3.5.20 运行 确保安装所需依赖 pip install -r requirements.txt 注：python-Levenshtein 如果安装不成功，则可以下载对其进行离线安装。 构建
特色咖啡馆智能客服问答系统
weixin_67247542的博客
08-18 1307
设计并实现一个面向特色咖啡馆的智能客服问答系统。该系统旨在通过自然语言处理技术，自动响应顾客在线咨询，涵盖咖啡品种介绍、菜单查询、营业时间、位置指引、优惠活动、预订服务等常见问题，以及提供个性化的咖啡推荐。系统应能够对顾客的自然语言提问进行准确的分类，并给出及时、准确、友好的回复，提升顾客体验，减轻人工客服压力。
基于Java的智能问答系统
热门推荐
weixin_42631192的博客
05-26 1万+
参考： https://github.com/ysc/QuestionAnsweringSystem/
SSE在vue2项目的使用
qq_56251369的博客
09-13 3356
这样，你就可以在Vue中使用SSE连接后端了。通过SSE连接，后端可以主动推送消息给前端，而无需前端主动刷新页面来获取更新的数据。首先，确保你已经安装了vue-sse库。对象来创建SSE连接，该对象可以接收一个URL参数，指定要连接的后端。生命周期中，记得关闭SSE连接。你可以在该生命周期钩子中调用。对于SSE连接，你可以将。生命周期中调用一个方法，来创建SSE连接。变量定义为一个空值或null来保存SSE实例。在Vue组件中，你可以使用。方法来手动关闭SSE连接。最后，在Vue组件的。
(vue)AI智能问答
nyf_unknow的博客
07-25 2308
【代码】(vue)AI智能问答。
智能客服介绍
互联网知识分享
11-27 367
在智能客服中，自然语言处理可以帮助机器理解用户的问题，并给出准确的答案。这些算法可以根据用户提出的问题，自动将其归到相似问题的类别中，从而更好地进行问题解答。它可以通过语音或文本与用户进行交互，解答用户的问题，提供相关的服务，并在需要时将用户转接给人工客服。智能客服的出现，可以大大提高客户服务的效率，降低成本，同时也能提高客户体验，增强客户黏性。机器学习是智能客服的核心技术之一，它可以从大量的数据中学习到规律，从而提高智能客服的准确性和效率。智能客服的实现需要多种技术的配合，下面介绍一些常用的技术。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值