.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]