即時通信(融雲單聊的集成)和客服

###開篇 最近項目上架有了點時間,所幸就多寫寫文章分享下吧,今天就簡單寫一下集成融雲怎麼作單聊和集成客服這兩個吧。 ###融雲單聊的集成 先大致的說一下這篇文章的主要內容以下圖,顯示一個聊天的消息列表,顯示全部的單聊信息。右上角的按鈕,點擊實現一個簡單的單聊,點擊跳轉到具體的頁面。左側的客服是點擊跳轉到客服頁面以下圖。 服務器

![Uploading 1317BF17-4E98-4261-A958-A275AA58C4AC_342568.png . . .]
下圖是單聊界面發送數據的截圖,融雲仍是比較好用的,不少東西都作好了,包括表情和圖片發送什麼的,此次項目只是作了單聊,這裏主要說一下單聊。
1317BF17-4E98-4261-A958-A275AA58C4AC.png
下圖是客服點擊頁面,軟件能夠設計單獨的客服功能,如今用的是免費功能,因此只有笨笨的機器人徹底不知道我在說啥,融雲的免費客服這裏選擇是,智齒客服,按照官方文檔接入很簡單就能夠出現客服界面,客服的簡單使用感受就在智齒的控制檯上,咱們能夠在線回答問題,和設置自動回覆等。
D7022448-03F9-4F0A-8522-5AB8831AD95E.png
###單聊中設置的方法 下列方法都是在已經去網站上申請appkey和利用融雲的API調試工具獲得咱們須要的token而後在appdelegate裏註冊之後進行的,由於首先咱們要登陸和融雲服務器作數據關聯,才能實現如下一些列操做。至於怎麼使用API調試工具你們能夠參照調試介紹,仍是比較有用的,起碼在測試階段 。 #####新建一個簡單的聊天頁面
9197D5EA-81DD-48A1-BEC4-83C677E3D884.png
如上圖所示建立一個按鈕,並放到導航欄右側,點擊push新的一頁去顯示一個新的聊天界面。在點擊事件中咱們建立一個聊天界面,並設置他的ID和Type和名稱,就能夠建立一個簡單的聊天頁面。
單聊1.png
RCConversationViewController 爲聊天界面視圖控制器類,繼承與 UICollectionViewController,您能夠直接使用,也能夠繼承修改定製。 聊天界面中的 Cell 爲 RCMessageBaseCell,Model 爲 RCMessageModel,數據的來源爲本地存儲的消息實體(RCMessage)。 #####建立一個聊天列表 咱們能夠更改id在用本身的id去建立多個聊天,同時也能夠用融雲服務器的API調試工具給本身發送消息,測試是否收到。那麼咱們建立了多個聊天頁面,當咱們返回收咱們又要怎麼看到他們呢,所以這裏咱們就須要一個聊天列表,如本文的第一張圖所示。 首先咱們建立一個繼承於RCConversationListViewController屬性的列表,這裏起名爲FriendsController。咱們能夠在這個列表裏作一下咱們想要的操做。 RCConversationListViewController 爲會話列表視圖控制器類,繼承與 UITableViewController ,您能夠直接使用,也能夠繼承修改定製。 會話列表中的 Cell 爲 RCConversationBaseCell ,Model 爲 RCConversationModel ,數據的來源爲本地存儲的會話(RCConversation)數據。
初始化.png

爲了方便咱們再建立一個聊天頁面命名爲:ChatViewController繼承與RCConversationViewController。這樣咱們就能夠在列表頁面的點擊cell回調的方法裏去設置他的id和屬性,實現點擊回調。咱們建立的一個個會話也就都顯示在了聊天列表裏。 #####聊天頁面背景的顯示設置 app

BCB109C7-013C-41DE-B099-6B3B5A29BF04.png
在平時的聊天中咱們使用咱們本身喜歡的背景來代替醜陋的默認圖片的事已經再日常不過了。如上圖所示(圖片過小了,默認填充)。設置的方法。咱們在上一步建立的ChatViewController直接設置他的背景爲透明,對設置透明這很重要而後在設置。算了上代碼:
ChatViewController_m.png
若是咱們只是想改變顏色的話,用第一句就夠了。 #####聊天字體的設置 好了在上面的方法中咱們設置了聊天的背景,那麼我還想改變字體的顏色怎麼辦呢(要求好多...)辦法仍是有的,咱們仍是在ChatViewController頁面中進行設置,在顯示會話的內容的cell即將顯示的時候進行設置。咱們把字體設置爲紅色,這樣咱們聊天的顏色就改變了。不建議改變字體大小等太大的變化,融雲說了可能會影響佈局,哈哈。
ChatViewController_m.png
#####設置頭像和暱稱顯示
83FB2434-F856-439F-917B-5A8AF69ACA19.png
系統默認的東西都好醜,咱們要設置本身的頭像和顯示暱稱,下面就要動手了。 咱們註冊融雲以後,在appdelegate中遵循RCIMUserInfoDataSource代理,並進行設置,以後咱們就能夠調取方法獲得用戶數據去修改用戶頭像和暱稱了。
AppDelegate_m.png
經過以上設置,就會發現頭像和暱稱已經改變,明顯賓得不一樣了,咱們的目的也就達到了。 ###後記 融雲確實在開發的過程當中替咱們省了很多心,我這裏簡單介紹了一下單聊的一些簡單設置吧,至於聚合顯示,建立羣組等待,等待咱們去集成的還得一步步來。有寫的不對的地方,但願你們積極指出。
相關文章
相關標籤/搜索