前言 上篇的預告好像是“聊天室的小細節,你都注意到了嗎?”。今天也是為那篇做鋪墊吧。之前的版本有好多問題,比如:當前登錄用戶是否合法問題,userid參數如果隨便傳后台沒有驗證。還有一個致命的問題,用戶AB都在線,但是如果A沒有打開B的窗口或者B沒有打開A的窗口,那么發消息,對方是收不到 ...
前言 上一篇中簡單講解了用Redis緩存在線用戶邏輯。篇幅也比較小,本篇將詳細實現用戶的上線下線通知 圖片效果轉換功能。而且,代碼和開發思路都會詳細介紹。 效果展示 目前有三個用戶,user ,user ,user .下圖會簡單展示用戶上線,下線的消息推送效果。 圖一:用戶 登錄,此時好友均不在線。 頭像為灰色,谷歌瀏覽器 圖二:用戶 登錄 打開 瀏覽器模擬用戶 登錄 ,此時谷歌瀏覽器用戶收到該用 ...
2016-08-30 14:35 16 5227 推薦指數:
前言 上篇的預告好像是“聊天室的小細節,你都注意到了嗎?”。今天也是為那篇做鋪墊吧。之前的版本有好多問題,比如:當前登錄用戶是否合法問題,userid參數如果隨便傳后台沒有驗證。還有一個致命的問題,用戶AB都在線,但是如果A沒有打開B的窗口或者B沒有打開A的窗口,那么發消息,對方是收不到 ...
或者自動彈出一些客服聊天框,人家很熱情的和你交談。我們也可以用layim來實現。首先,頁面添加一個按鈕,點擊 ...
前面幾篇基本已經實現了大部分即時通訊功能:聊天,群聊,發送文件,圖片,消息。不過這些業務都是比較粗獷的。下面我們就把業務細化,之前用的是死數據,那我們就從加好友開始吧。加好友,首先你得知道你要加誰。Layim界面右下角有個+號,點擊它之后就會彈出查找好友的界面,不過那個界面需要自定義。由於前端 ...
前言 前前一篇留了個小問題,在上一篇中忘了寫了,就是關於LayIM已經封裝好的上傳文件或者圖片的問題。對接好接口之后,如果上傳速度慢,界面就會出現假死情況,雖然文件正在上傳。於是我就簡單做了個圖標替代來增強用戶體驗。 上傳中。。。 上傳完成后 是不是很簡單 ...
上篇講解了如何搭建聊天服務器,以及客戶端js怎么和layui的語法配合。服務器已經連接上了,那么聊天還會遠嗎? 進入正題,正如上一篇提到的我們用 Client.Group(groupId)的方法向客戶端推送消息。本篇就先不把業務搞復雜了,就默認現在兩個用戶都各自打開了對方的聊天 ...
前言 本篇主要講解一個東西,就是我們自定義系統消息。效果如下: 首先我們要做的准備工作就是改寫 layim 的消息模板,如果不改的話就成為某個用戶發送的消息了,那么體驗就稍微差一些。找到模板我們看一下。 注意,紅框部分是我更改后的,簡單讀一下可以看出來,我只是給聊天 ...
前言 上一篇中講解了加好友的流程,本篇將介紹好友管理,群組管理的右鍵菜單功能。當然由於菜單項目太多,都實現也得花費時間。只講解一下我是如何從不知道怎么實現右鍵菜單到會自定義菜單的一個過程。另外呢,針對菜單:發送即時消息這個原本在Laim中已經有的功能做出實現,其他的方法,只要按照業務邏輯一一 ...
前言 自從此博客發表以及代碼開源以來,得到了許多人的關注。也沒許多吧,反正在我意料之外的。包括幾位大牛幫我做訂閱號推廣,真的很感謝他們。另外,還有幾個高手給我提了一些架構上的問題。其實本身這個項 ...