1、基本介紹

RainbowChat-Web是一套基于MobileIMSDK-Web的網(wǎng)頁端IM系統(tǒng)。不同于市面上某些開源練手或淘寶售賣的demo級代碼，RainbowChat-Web的產(chǎn)品級代碼演化自真正運(yùn)營過的商業(yè)產(chǎn)品，其所依賴的通信層核心SDK已在數(shù)年內(nèi)經(jīng)過大量客戶及其輻射的最終用戶的使用和驗(yàn)證。RainbowChat-Web同時(shí)也是移動(dòng)端IM應(yīng)用RainbowChat的姊妹產(chǎn)品。

?

2、品質(zhì)說明

? 源自真正運(yùn)營的商業(yè)產(chǎn)品：RainbowChat-Web的技術(shù)源于真實(shí)運(yùn)營的商業(yè)產(chǎn)品。

? 它不是個(gè)Demo：不同于市面上某些開源或淘寶售賣的demo級代碼，RainbowChat-Web的產(chǎn)品級代碼演化自真正運(yùn)營過的商業(yè)產(chǎn)品，其所依賴的通信層核心SDK（即MobileIMSDK-Web）已在數(shù)年內(nèi)經(jīng)過大量客戶及其輻射的最終用戶的使用和驗(yàn)證。

? 簡潔、精煉、優(yōu)化、原生：RainbowChat-Web為了盡可能降低2次開發(fā)時(shí)的上手門檻、兼容性、可讀性、可維護(hù)性的難度，堅(jiān)持不依賴任何前端框架（這些框架通常是指AngularJS、VUE、EmberJS、React等），返璞歸真，只使用原生JS+HTML+CSS（再無其它復(fù)雜性），極大降低開發(fā)者的上手難度、兼容成本，達(dá)到最簡潔、最精煉、最靈活的目標(biāo)（簡潔、簡單、回歸本質(zhì)的東西，才能擁最強(qiáng)的生命力）。

截止目前：RainbowChat-Web努力保證在各主流系統(tǒng)、主流瀏覽器、不同分辨率屏幕上的體驗(yàn)，包括但不限于：Chrome、Safari、FireFox、Edge、360瀏覽器、世界之窗瀏覽器等▼

3、運(yùn)行演示

? 運(yùn)行截圖，詳見：《RainbowChat-Web前端功能截圖》
? 演示視頻，詳見：《RainbowChat-Web運(yùn)行演示視頻》

4、功能簡介

1、支持文本消息、查看語音留言消息(由App產(chǎn)品發(fā)送)、圖片消息、大文件消息、查看短視頻消息(由App產(chǎn)品發(fā)送)、名片消息、位置消息、消息表情、快捷消息、消息撤回、消息轉(zhuǎn)發(fā)等；
2、支持一對一陌生人聊天模式；
3、支持一對一正式好友聊天模式；
4、支持多對多群聊聊天模式；
5、完善的群組信息管理：建群、退群、解散、轉(zhuǎn)讓、邀請、踢人、群公告等；
6、完整的注冊、登陸、密碼找回等等功能閉環(huán)；
7、個(gè)人中心功能：改基本信息、改個(gè)性簽名、改頭像、改密碼等；
8、支持查看個(gè)人相冊、個(gè)人語音介紹；
9、完整的離線消息/指令拉取機(jī)制；
10、完整的歷史消息/指令存取機(jī)制；
11、完整的好友關(guān)系管理：查找好友、發(fā)出請求、處理請求、刪除好友、好友備注等；
12、以及其它未提及的功能和特性。

5、技術(shù)亮點(diǎn)?

1）輕量易使用：純原生JS編寫，堅(jiān)持不依賴任何前端框架（這些框架通常是指AngularJS、VUE、EmberJS、React等）；

2）模塊化設(shè)計(jì)：所有UI模塊、數(shù)據(jù)邏輯均由獨(dú)立封裝的JS對象管理，代碼規(guī)范、低耦合，有效防止代碼復(fù)雜性擴(kuò)散；

3）瀏覽器跨域：所有AJAX接口均為JSONP實(shí)現(xiàn)，百分百支持跨域；

4）通信代碼解偶：得益于高內(nèi)聚的MobileIMSDK-Web工程，實(shí)現(xiàn)了IM功能邏輯與網(wǎng)絡(luò)通信的解偶，利于持續(xù)升級、重用和維護(hù)（這是經(jīng)驗(yàn)不足的IM產(chǎn)品做不到的）；

5）支持WebSocket：并非某些產(chǎn)品中還在使用的過時(shí)“長輪詢”技術(shù)，真正的“即時(shí)通訊”；

6）網(wǎng)絡(luò)兼容性好：核心層基于MobileIMSDK-Web技術(shù)，在不支持WebSocket的情況下仍可很好地工作；

7）斷網(wǎng)恢復(fù)能力：擁有網(wǎng)絡(luò)狀況自動(dòng)檢測、斷網(wǎng)自動(dòng)治愈的能力；

8）輕松支持加密：一個(gè)參數(shù)即可開啟SSL/TLS通信加密；

9）服務(wù)端慢io解偶：IM實(shí)例本身堅(jiān)持不直接進(jìn)行DB等慢io的讀、寫，保證IM實(shí)時(shí)消息高吞吐和性能；

10）服務(wù)端邏輯解偶：得益于MobileIMSDK-Web工程，實(shí)現(xiàn)了上層邏輯與網(wǎng)絡(luò)通信核心的解偶，底層數(shù)據(jù)通信全部通過低偶合的回調(diào)通知來實(shí)現(xiàn)；

11）完善的log記錄：服務(wù)端使用log4js日志框架，確保每一關(guān)鍵步驟都有日志輸出，讓您的運(yùn)行調(diào)試更為便利；

12）聊天協(xié)議兼容：實(shí)現(xiàn)了與RainbowChat-APP產(chǎn)品完全兼容的協(xié)議模型；

13）消息收發(fā)互通：實(shí)現(xiàn)了與RainbowChat-APP產(chǎn)品的無縫消息互通。

6、支持的聊天消息類型

7、好友聊天

8、群聊聊天

9、發(fā)送“群名片”消息

10、發(fā)送“位置”消息

11、“消息撤回”

12、“消息轉(zhuǎn)發(fā)”

12、“消息引用”

14、“@”功能

15、其它特性和細(xì)節(jié)

聊天區(qū)上方聊天對象信息顯示：（查看視頻）

消息送達(dá)狀態(tài)圖標(biāo)顯示：（查看視頻）