.net core 和 WPF 开发升讯威在线客服与营销系统：背景和产品介绍

本系列文章详细介绍使用 .net core 和 WPF 开发 升讯威在线客服与营销系统 的过程。本产品已经成熟稳定并投入商用。
在线演示环境：https://kf-m.shengxunwei.com 注意：演示环境仅供演示交流与评估，不保证 7x24 小时可用。

文章目录列表请点击这里

---

这个系列的文章，是用来填我2015年挖的一个坑。2015年6月我发表过一篇文章“使用 WPF+ ASP.NET MVC 开发 在线客服系统（一）”，介绍了当时本身开发的客服系统概况，虽然当时系统的开发完成度已经很高，但由于工做等缘由，后续的开发完善搁置了，文章也搁置了。直到后来 .net core 关注度的持续升温，我也有了想抽空把系统捡起来，用 .net core 重构并好好完善使之可以彻底产品化的想法。

最近一段时间我慢慢完成了系统的重构和开发工做，使用 .net core 完全重写了整个后端，WPF 的客服端也通过了必定的优化和改善。工做小小告一段落，这个系列的文章也到了填坑的时候，时隔了五年，系统的设计和开发细节早已和当初有了很大不一样，此次我将重头开始，从系统的功能设计、技术架构、开发细节以及各个功能，详细介绍开发实现的过程。在将来的系统开发和完善过程当中，若是时间容许，我也会同步更新这一系列的文章进行介绍。

做为首篇文章，本文对产品的背景和功能作简单的介绍。

2015年先后当时开发的第一版，我使用了 ASP.NET MVC 作为后端，数据库使用原生 ADO.NET 进行操做、WPF 作客服端，Web 访客端使用原生 JavaScript 开发。为了使整个系统可以向下兼容，客服端 .net 框架使用的是 .net framework 3.5 ，能够兼容 Windows XP SP2，Web 访客端为了兼容 IE6 ，也使用了许多比较麻烦的技术实现，说来话长，此次不展开说这方面的细节。

在此次重构的新版本放弃了对 Windows XP 和 IE6 的支持，后端使用 .net core 3.1 ，数据库操做使用了 entity framework core。客服端依然是 WPF，基础框架升级到了 .net framework 4.8 ，访客端依然是原生 JavaScript，兼容 IE8 以上浏览器。

另外相对于2015年的版本，此次重构我增长了一个 Web 后台，使用 Vue 实现，把原先放在客服端的一些管理功能，改到了 Web 后台中，例如：组织机构管理、客服管理、角色权限管理、多站点管理等。
此外由于有了 Web 后台，此次有兴趣的朋友就能够自行注册体验了，当年的旧版本须要我手工开通，非常麻烦。

在线演示环境：https://kf-m.shengxunwei.com 注意：演示环境仅供演示交流与评估，不保证 7x24 小时可用。

以上全部设计开发工做都是我本身一我的利用业余时间完成的，从系统后台，到 WPF 客服端、Web 前端、Web 管理端，用了不少的时间。功能更新补充的速度不会很快，由于精力实在有限，并且因为系统使用场景的特殊性，始终把稳定性放在第一位，在这方面也花了不少时间。

---

这个系列的文章主要围绕产品设计和技术开发两方面来说，本文做为第一篇，介绍完背景，下面简单介绍一下目前实现的功能。

客服功能：

1. 访客来访提醒
   当有访客到达网站时，访客端会即时弹出提醒窗口，客服能够快速了解访客的地域、来源、关键词、来访次数、历史对话次数及其进入浏览的网页。
2. 访客类型识别
   系统自动识别访客来源渠道（PC、手机、微信），自动识别新旧访客以及网站会员用户功能，便于访客管理，提升服务效率。
3. 访客来源跟踪
   客服能够了解访客的所在地域、来源、关键词、来访次数、历史对话次数及浏览的网页。
4. 访客消息预知
   经过消息预知功能，客服人员可提前一步了解访客正在输入的内容，了解访客的需求及想法，方便客服人员能更快速、更详细的为访客服务，提升工做效率和质量。
5. 在线图文会话
   客服和访客双方对话窗口都提供多样式对话体验，文字对话为主，文件传送、表情、连接为辅。支持客服人员和网站访客双向文件传输功能。
6. 经常使用语/经常使用文件
   可对客服使用的经常使用消息、经常使用连接、经常使用文件进行管理和维护，便于客服在交谈时直接调用此类文件进行快捷回复。
7. 转接客服
   当客服人员在遇到解决不了的问题，客服人员可将该对话访客转接给其余客服人员，为企业在线咨询提供了便捷性。
8. 屏蔽恶意访客
   客服人员经过它可对恶意骚扰的访客进行屏蔽，使客服再也不受到此类访客的骚扰。
9. 会话历史记录
   客服人员能够查询会话历史记录，支持根据时间段和关键词查询。
10. 实时监控
    有权限的管理人员能够实时监控全部客服的实时聊天内容和状态。

访客功能：

1. 网页即时通信
   访客无需安装插件便可发起咨询，访客可随时经过我的电脑、手机、平板等设备进行在线商务沟通，方便快捷。
2. 邀请窗口
   企业能够融合网站风格、形象定位、用户特色等因素，自主设定个性化、特点的邀请窗口样式。
3. 咨询图标
   在网站上显示一个浮动的咨询图标，支持自定义风格主题。
4. 访客对话窗口
   访客对话窗口可设置多种颜色风格，窗口标题、客服资料、欢迎语、公司名片、公告。
5. 在线图文会话
   客服和访客双方对话窗口都提供多样式对话体验，文字对话为主，文件传送、表情、连接为辅。支持客服人员和网站访客双向文件传输功能。
6. 直接对话窗口
   客服可对在线访客发起主动对话。

实现效果截图：

访客端

左下角的浮动图标，能够根据是否有客服在线显示不一样的图片，当没有客服在线时，将引导访客进入留言页面。
右下角的区域能够展开，直接在网站上边浏览边交流，不用打开新的浏览器窗口。

访客也能够打开单独的浏览器窗口进行交流。

客服端

主界面

客服端界面目前初步的设计分为三大区域：

• 左边是会话区，根据访客的不一样状态在树型结构中显示。
• 中间是会话区，除了聊天会话相关的功能以外，还能显示出访客的基本信息。
• 右侧为辅助功能区，可以显示访客的浏览访问网站时的轨迹，过去的聊天历史记录；以及客服的快捷回复列表等。
  将来的完善也将围绕着三大功能区进行设计。

历史记录

可以根据单次会话记录，联动显示先后同一访客的全部会话记录。左侧蓝色为查询区，鼠标指上去会自动滑出显示查询条件，不过这个设计彷佛不是太友好，有待改进。

站点参数

站点参数目前实现的功能比较细，可以对访客端的各类细节进行精确的配置。

我的设置

登陆客服本身的一些个性化配置，都放在这里，目前还有待完善。

Web 后台

站点管理

系统支持多站点功能。一个机构能够拥有多个站点，站点和客服的关系是平行的，不是隶属的。客服能够根据权限配置，登陆一个或多个站点。

组织机构、客服、角色权限

曹旭升
QQ:279060597
原文：[https://blog.shengxunwei.com/Home/Post/9b667212-565c-43a8-8379-bd0b832a3720]