1、基本介紹

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

2、品質說明

? 源自真正運營的商業產品：RainbowChat-Web的技術源于真實運營的商業產品。

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

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

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

3、運行演示

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

4、功能簡介

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

5、技術亮點 

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

2）模塊化設計：所有UI模塊、數據邏輯均由獨立封裝的JS對象管理，代碼規范、低耦合，有效防止代碼復雜性擴散；

3）瀏覽器跨域：所有AJAX接口均為JSONP實現，百分百支持跨域；

4）通信代碼解偶：得益于高內聚的MobileIMSDK-Web工程，實現了IM功能邏輯與網絡通信的解偶，利于持續升級、重用和維護（這是經驗不足的IM產品做不到的）；

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

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

7）斷網恢復能力：擁有網絡狀況自動檢測、斷網自動治愈的能力；

8）輕松支持加密：一個參數即可開啟SSL/TLS通信加密；

9）服務端慢io解偶：IM實例本身堅持不直接進行DB等慢io的讀、寫，保證IM實時消息高吞吐和性能；

10）服務端邏輯解偶：得益于MobileIMSDK-Web工程，實現了上層邏輯與網絡通信核心的解偶，底層數據通信全部通過低偶合的回調通知來實現；

11）完善的log記錄：服務端使用log4js日志框架，確保每一關鍵步驟都有日志輸出，讓您的運行調試更為便利；

12）聊天協議兼容：實現了與RainbowChat-APP產品完全兼容的協議模型；

13）消息收發互通：實現了與RainbowChat-APP產品的無縫消息互通。

6、支持的聊天消息類型

7、好友聊天

8、群聊聊天

9、發送“群名片”消息

10、發送“位置”消息

11、“消息撤回”

12、“消息轉發”

12、“消息引用”

14、“@”功能

15、其它特性和細節

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

消息送達狀態圖標顯示：（查看視頻）