前言

之前呢，寫過一些關于SignalR+Redis實現WebIM的架構設計以及代碼的部分實現、最終的效果圖。最近也不是很忙，就想著把這個項目完善下，下面是大致的記錄。
第一篇 WebIM項目的架構設計以及實現

第二篇 .Net Core +signlar + redis webim代碼實現（一）?

第三篇 .Net Core +signlar + redis webim代碼實現（二）

第四篇 .Net Core +signlar + redis webim代碼實現（三）?

---

完善過程中的思考：既然是一個WebIM客服系統，說明當前系統與自己的業務系統關聯性不強?；谶@個前提，最終把WebIM完善成了一個易接入、高度開放、不依賴于業務系統、支持接入多個業務系統的售后服務系統

一、使用步驟

引用js類庫：signlar.51softwarebox.com/script/signalr/ChatMain1.0.js

業務頁面初始化客服 InitChatUser({UserID: '當前業務系統登錄用戶ID',UserName: '當前業務系統登錄用戶姓名',UserNickName: '當前業務系統登錄用戶昵稱',UserAccount: '當前業務系統登錄用戶賬號',SystemCode: '當前業務系統編碼'}, function (res) {new InitChat({ Text: '按鈕標題',TextColor: '標題顏色',BackGroundColor: '按鈕背景色',BottomRange: '按鈕距離網頁底部距離',RightRange: '按鈕距離網頁右邊距離',BorderRadius: '按鈕邊角大小',IsOpenNewTarget: false, // 點擊按鈕是否全屏打開客服系統，默認當前頁面彈出（非全屏）IsShowIcon: true, //是否顯示圖標IsOpenChatState: false //是否已打開客服系統，點開一次，刷新當前頁面，是否自動打開，當IsOpenNewTarget=false時生效});});

此時頁面右小角已出現客服系統的按鈕角標，點擊即可溝通

二、高度開放，接口API

引用js文件

業務系統頁面可使用的API接口

GetChatRecordPageFun(res):接受發送過來的消息內容【包含對方/自己】--可用于自定義UI樣式

var chatService = new InitChatService({})，實例化之后，可以使用一下方法UI、功能自定義?

chatService.SendMsg(msg, callFn):發送消息

chatService.GetChatRecordPage(currentPage, pageSize, callFn):分頁獲取歷史消息

chatService.SaveUserThumbsUpInfo (evaluateInfo, callFn, errFn)：保存用戶點評

chatService.SaveGuestBookInfo(guestBookInfo, callFn, errFn):保存用戶點評

全局工具類：ChatUtil

ChatUtil.isFunction(fn):判斷當前參數類型是否是方法

ChatUtil.Encryption.encode(str):加密

ChatUtil.Encryption.decode(str):解密

ChatUtil.GetUserInfo():獲取當前用戶信息

ChatUtil.GetGuid():生成guid

ChatUtil.SetCookie(name, value, Day):設置cookie(第一個cook名稱，第二個cook值，第三個存放時間長)

ChatUtil.GetCookie(name):通過name獲取cookie

ChatUtil.ObjToStr(obj):對象轉字符串【name1=val1&name2=val2】

更多API正在開發開放中...

---

總結

當前WebIM也正在逐步完善，有需要或者是建議歡迎留言~~~

總結

以上是生活随笔為你收集整理的.NetCore基于SignalR、Reids实现客服WebIM系统的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。