最近碰巧發現一款比較好的Web即時通訊前端組件,layim,百度關鍵字即可,我下面要做的就是基於這個前端組件配合后台完成即時聊天等功能。當然用到的技術就是ASP.NET SingalR框架。本人不會css和前端的東西,只會少量的js,所以前端的代碼不做介紹,喜歡前端的同學可以自行研究,閑言少敘 ...
上一篇介紹了加好友的流程,這里不再贅述,不過之前的聊天只能發送普通文字,那么本篇就教你如何實現發送附件和圖片消息。我們先對功能進行分析: 發送圖片,附件,需要實現上傳圖片和附件的功能。 textarea不能顯示圖片,所以需要做圖片轉換 接收到消息之后需要在將圖片轉換回原來圖片 附件特殊樣式處理 那么我們先實現文件的上傳功能,由於用的是MVC,就簡單做一個無刷新無進度條上傳,所以圖片和文件就需要小 ...
2016-05-24 11:13 3 1604 推薦指數:
最近碰巧發現一款比較好的Web即時通訊前端組件,layim,百度關鍵字即可,我下面要做的就是基於這個前端組件配合后台完成即時聊天等功能。當然用到的技術就是ASP.NET SingalR框架。本人不會css和前端的東西,只會少量的js,所以前端的代碼不做介紹,喜歡前端的同學可以自行研究,閑言少敘 ...
有開發者提問怎么做歷史記錄功能和即使不打開聊天窗口有消息提醒功能。簡單抽時間寫了點代碼。不過只是基本思路,具體細節沒有實現。 正如前幾篇博客中提到的,讀取歷史記錄什么時候讀取呢?按照常理,應該是打開聊天窗口的時候加載歷史記錄,當然也可以選擇異步加載好,然后打開哪個窗口就加載哪部分的記錄 ...
上一篇已經簡單介紹了layim WebUI即時通訊組件和獲取數據的后台方法。現在要討論的是SingalR的內容,之前都是直接貼代碼。那么在貼代碼之前先分析一下業務模型,順便簡單講一下SingalR里的部分方法。 進入正題,我們要做,即時通訊,就要考慮收發消息。我們先看推送消息的方法,找到 ...
或者自動彈出一些客服聊天框,人家很熱情的和你交談。我們也可以用layim來實現。首先,頁面添加一個按鈕,點擊 ...
休息了兩天,還是決定把這個尾巴給收了。本篇是最后一篇,也算是草草收尾吧。今天要加上表情功能和群聊。基本上就差不多了,其他功能,讀者可以自行擴展或者優化。至於我寫的代碼方面,自己也沒去重構。好的,我 ...
看起來挺簡單,細節還是很多的,好,接上一篇,我們已經成功連接singalR服務器了,那么剩下的內容呢,就是一步一步實現聊天功能。 我們先看看缺什么東西 點擊好友彈框之后,要給服務器發消息,進入組Group.Group原理在上一篇已經介紹了,這里不再贅述。 點擊發送消息到后台 ...
前言 前前一篇留了個小問題,在上一篇中忘了寫了,就是關於LayIM已經封裝好的上傳文件或者圖片的問題。對接好接口之后,如果上傳速度慢,界面就會出現假死情況,雖然文件正在上傳。於是我就簡單做了個圖標替代來增強用戶體驗。 上傳中。。。 上傳完成后 是不是很簡單 ...
前言 上一篇中簡單講解了用Redis緩存在線用戶邏輯。篇幅也比較小,本篇將詳細實現用戶的上線下線通知、圖片效果轉換功能。而且,代碼和開發思路都會詳細介紹。 效果展示 目前有三個用戶,user1,user2,user3.下圖會簡單展示用戶上線,下線的消息推送效果。 圖一:用戶 ...