1、基本介紹
RainbowChat-Web是一套基于MobileIMSDK-Web的網(wǎng)頁端IM系統(tǒng)。不同于市面上某些開源練手或淘寶售賣的demo級代碼,RainbowChat-Web的產(chǎn)品級代碼演化自真正運營過的商業(yè)產(chǎn)品,其所依賴的通信層核心SDK已在數(shù)年內(nèi)經(jīng)過大量客戶及其輻射的最終用戶的使用和驗證。RainbowChat-Web同時也是移動端IM應(yīng)用RainbowChat的姊妹產(chǎn)品。
2、品質(zhì)說明
? 源自真正運營的商業(yè)產(chǎn)品:RainbowChat-Web的技術(shù)源于真實運營的商業(yè)產(chǎn)品。
? 它不是個Demo:不同于市面上某些開源或淘寶售賣的demo級代碼,RainbowChat-Web的產(chǎn)品級代碼演化自真正運營過的商業(yè)產(chǎn)品,其所依賴的通信層核心SDK(即MobileIMSDK-Web)已在數(shù)年內(nèi)經(jīng)過大量客戶及其輻射的最終用戶的使用和驗證。
? 簡潔、精煉、優(yōu)化、原生:RainbowChat-Web為了盡可能降低2次開發(fā)時的上手門檻、兼容性、可讀性、可維護性的難度,堅持不依賴任何前端框架(這些框架通常是指AngularJS、VUE、EmberJS、React等),返璞歸真,只使用原生JS+HTML+CSS(再無其它復(fù)雜性),極大降低開發(fā)者的上手難度、兼容成本,達到最簡潔、最精煉、最靈活的目標(biāo)(簡潔、簡單、回歸本質(zhì)的東西,才能擁最強的生命力)。
截止目前:RainbowChat-Web努力保證在各主流系統(tǒng)、主流瀏覽器、不同分辨率屏幕上的體驗,包括但不限于:Chrome、Safari、FireFox、Edge、360瀏覽器、世界之窗瀏覽器等▼
3、運行演示
? 運行截圖,詳見:《RainbowChat-Web前端功能截圖》
? 演示視頻,詳見:《RainbowChat-Web運行演示視頻》
4、功能簡介
1、支持文本消息、查看語音留言消息(由App產(chǎn)品發(fā)送)、圖片消息、大文件消息、查看短視頻消息(由App產(chǎn)品發(fā)送)、名片消息、位置消息、消息表情、快捷消息、消息撤回、消息轉(zhuǎn)發(fā)等;
2、支持一對一陌生人聊天模式;
3、支持一對一正式好友聊天模式;
4、支持多對多群聊聊天模式;
5、完善的群組信息管理:建群、退群、解散、轉(zhuǎn)讓、邀請、踢人、群公告等;
6、完整的注冊、登陸、密碼找回等等功能閉環(huán);
7、個人中心功能:改基本信息、改個性簽名、改頭像、改密碼等;
8、支持查看個人相冊、個人語音介紹;
9、完整的離線消息/指令拉取機制;
10、完整的歷史消息/指令存取機制;
11、完整的好友關(guān)系管理:查找好友、發(fā)出請求、處理請求、刪除好友、好友備注等;
12、以及其它未提及的功能和特性。
5、技術(shù)亮點
1)輕量易使用:純原生JS編寫,堅持不依賴任何前端框架(這些框架通常是指AngularJS、VUE、EmberJS、React等);
2)模塊化設(shè)計:所有UI模塊、數(shù)據(jù)邏輯均由獨立封裝的JS對象管理,代碼規(guī)范、低耦合,有效防止代碼復(fù)雜性擴散;
3)瀏覽器跨域:所有AJAX接口均為JSONP實現(xiàn),百分百支持跨域;
4)通信代碼解偶:得益于高內(nèi)聚的MobileIMSDK-Web工程,實現(xiàn)了IM功能邏輯與網(wǎng)絡(luò)通信的解偶,利于持續(xù)升級、重用和維護(這是經(jīng)驗不足的IM產(chǎn)品做不到的);
5)支持WebSocket:并非某些產(chǎn)品中還在使用的過時“長輪詢”技術(shù),真正的“即時通訊”;
6)網(wǎng)絡(luò)兼容性好:核心層基于MobileIMSDK-Web技術(shù),在不支持WebSocket的情況下仍可很好地工作;
7)斷網(wǎng)恢復(fù)能力:擁有網(wǎng)絡(luò)狀況自動檢測、斷網(wǎng)自動治愈的能力;
8)輕松支持加密:一個參數(shù)即可開啟SSL/TLS通信加密;
9)服務(wù)端慢io解偶:IM實例本身堅持不直接進行DB等慢io的讀、寫,保證IM實時消息高吞吐和性能;
10)服務(wù)端邏輯解偶:得益于MobileIMSDK-Web工程,實現(xiàn)了上層邏輯與網(wǎng)絡(luò)通信核心的解偶,底層數(shù)據(jù)通信全部通過低偶合的回調(diào)通知來實現(xiàn);
11)完善的log記錄:服務(wù)端使用log4js日志框架,確保每一關(guān)鍵步驟都有日志輸出,讓您的運行調(diào)試更為便利;
12)聊天協(xié)議兼容:實現(xiàn)了與RainbowChat-APP產(chǎn)品完全兼容的協(xié)議模型;
13)消息收發(fā)互通:實現(xiàn)了與RainbowChat-APP產(chǎn)品的無縫消息互通。
6、支持的聊天消息類型
7、好友聊天
8、群聊聊天
9、發(fā)送“群名片”消息
10、發(fā)送“位置”消息
11、“消息撤回”
12、“消息轉(zhuǎn)發(fā)”
12、“消息引用”
14、“@”功能
15、其它特性和細節(jié)
聊天區(qū)上方聊天對象信息顯示:(查看視頻)
消息送達狀態(tài)圖標(biāo)顯示:(查看視頻)
posted @ 2025-06-13 16:15 Jack Jiang 閱讀(11) | 評論 (0) | 編輯 收藏