默認
打賞 發表評論 32
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹
閱讀(104421) | 評論(32 收藏20 淘帖1 2

最新動態


❶ 截止2019年04月29日,MobileIMSDK-Web工程的v3.4版 已經發布詳見版本更新說明),如有需要,可聯系Jack Jiang。
❷ 截止2019年03月04日基于MobileIMSDK-Web的全功能Web端IM產品RainbowChat-Web已經發布,如有需要,可聯系Jack Jiang。

► RainbowChat-Web的主界面截圖:
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_20190304-正常屏.jpg

► 更多RainbowChat-Web運行截圖:
RainbowChat-Web產品-20190304運行截圖(聊天窗關閉).rar (93.84 KB , 下載次數: 8 )
RainbowChat-Web產品-20190304運行截圖.rar (149.42 KB , 下載次數: 13 )
RainbowChat-Web產品-20190304運行截圖(聊天窗全屏).rar (136.24 KB , 下載次數: 10 )

► 更多RainbowChat-Web介紹資料:

技術準備


► 如您對Web端即時通訊技術尚不了解:點此進入
► 關于MobileIMSDK-Web為何使用的是Socket.io而不是Netty:點此進入
► MobileIMSDK-Web的最新版本更新動態:點此進入

一、支持作者


付費捐助的存在,是作者目前為數不多的物質支撐,如果您希望 MobileIMSDK-Web 系列能夠持續發展下去,并使得您的項目能夠得到它持久的回饋,您的任何一筆捐助都意義非凡。Jack Jiang依托即時通訊網長期提供即時通訊技術的分享和傳播,這里的技術資源和技術支持毫無疑問是您能找到的最低成本且是最優質的,您的支持是我們繼續下去的動力!

捐助作者得 MobileIMSDK-Web 精篇源碼和精編資料:
資源名稱包含內容捐助金額捐助方式發貨方式專享技術支持
<精篇源碼>• 1、SDK精編注釋源碼
• 2、簡明Demo源碼

399 元淘寶鏈接付款后自動發貨1、VIP技術群
2、論壇討論區
3、一對一交流、永久免費升級
<手冊教程>• 1、詳盡開發者指南(共24頁)
• 2、開發者視頻教程(時長44分鐘)

149 元淘寶鏈接付款后自動發貨

輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_taobao_main_code_toBBS.png     輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_taobao_main_introduction_toBBS.png
taobao.com/item.htm?id=556857487083        taobao.com/item.htm?id=556718940694

二、基本介紹


輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_github_header_logo.png

MobileIMSDK-Web是一套純JS編寫的Web端即時通訊框架(含服務端):
  • 超輕量級、極少依賴;
  • 純JS編寫、高度提煉,簡單易用;
  • 基于流行的socket.io網絡框架實現,瀏覽器兼容性好、服務端并發性能好;
  • 支持運行于iOS、Android等移動端瀏覽器和各種PC端瀏覽器;
  • 能與MobileIMSDK的APP版(原生移動端代碼編寫)完美互通;
  • 可應用于手機端/PC端的網頁聊天應用、企業OA、Web端消息推送等場景。

補充說明:MobileIMSDK-Web是MobileIMSDK的姊妹工程,MobileIMSDK-Web專注于Web端網頁聊天(或推送),而MobileIMSDK用于原生代碼編寫的移動端IM(或推送)應用,但二者可完美互通——從而實現原生代碼編寫的移動端與基于html的網頁聊天完美互通。MobileIMSDK-Web已于2017年8月正式對外發布(在此之前僅對商業用戶授權使用)

關于為何使用的是Socket.io而不是Netty作為MobileIMSDK-Web的網絡層,詳見:
MobileIMSDK-Web的網絡層框架為何使用的是Socket.io而不是Netty?

三、與MobileIMSDK的區別


關于MobileIMSDK
MobileIMSDK首版開發于2013年(截止2019年4月已更新至v3.4版),它主要使用原生代碼編寫,應用于非Web網頁方式的移動端即時通訊場景下,詳細介紹請見:http://www.uktmgv.tw/thread-52-1-1.html

關于MobileIMSDK-Web:
MobileIMSDK-Web首版開發于2016年(目前仍在不斷完善中),完全使用JavaScript編寫,主要應用于Web網頁方式的即時通訊場景下(包括但不限于手機端、PC端的網頁聊天(或消息推送)等)。

MobileIMSDK與MobileIMSDK-Web的互通:
基于MobileIMSDK-Web開發的開發的網頁聊天等和基于MobileIMSDK開發的移動端IM等可以無縫地進行消息互通兩個框架之間的通信協議完全兼容,從而實現您的網頁聊天(或推送)與手機端原生代碼開發的IM(或推送)進行完美協作,實現多端通信。

我該如何選擇?
  • 如果您的應用是用原生代碼編寫
    如iOS是用Objective-C編寫、Android是用Java編寫等,那么您可以將MobileIMSDK引入到您的項目中從而實現原生代碼級的IM(或推送)應用;
  • 如果您的應用是基于Web網頁實現的
    那么您的最佳選擇就是使用MobileIMSDK-Web來開發您的網頁端聊天(或消息推送)。

四、源碼和手冊獲取


MobileIMSDK-Web工程目前沒有開源,您可通過淘寶鏈接捐助作者的方式獲取(同時您也將立即獲得作者的專享技術支持),詳見文首“支持作者”部分,感謝您的理解與支持。

或者直接點擊以下鏈接:

五、設計目標


原生的WebSocket代碼或者原始的socket.io代碼,使得網絡通信代碼與大量前端UI界面代碼混在一起,使得UI界面的重構、維護、改版都非常困難。而MobileIMSDK-Web工程將讓開發者專注于UI應用層的開發,網絡通信層專業的代碼交由SDK開發人員,從而解偶Web端IM的UI前端和通信層的耦合性,同時大大降低復雜性。

總結一下,MobileIMSDK-Web的設計目標是為您的Web端IM帶來以下便利:
  • 前端UI代碼與網絡通信代碼解耦:UI界面的重構、維護、改版都非常容易和優雅;
  • 服務端網絡通信代碼與業務代碼解耦:使得服務端的業務邏輯實現起來清晰簡單;
  • 瀏覽器端的高兼容性:受益于socket.io框架,MobileIMSDK-Web在不支持WebSocket的舊式瀏覽器上仍可很好地工作;
  • 服務端的高并發、高性能:得益于Nodejs的異步編程模型和高并發特性,基于MobileIMSDK-Web編寫的IM服務端擁有極高的并發處理性能。

關于為何使用的是Socket.io而不是Netty作為MobileIMSDK-Web的網絡層,詳見:
MobileIMSDK-Web的網絡層框架為何使用的是Socket.io而不是Netty?

六、框架組成


整套MobileIMSDK-Web框架由以下2部分組成:
  • 瀏覽器端SDK:用于開發瀏覽器端頁面,純JS編寫,極少依賴,方便對接基于原生JS、Angular、EmberJS、VUE等各種前端框架;
  • 服務器端SDK:用于開發Web端IM的服務端,支持高性能和高并發。

七、技術亮點


  • 輕量易使用:超輕量級——純JS編寫且極少依賴,高度提煉——簡單易用;
  • 兼容性好:基于socket.io網絡框架,瀏覽器兼容性好,在不支持WebSocket的舊式瀏覽器上仍可很好地工作;
  • 斷網恢復能力:擁有網絡狀況自動檢測、斷網自動治愈的能力;
  • 支持多種設備:支持運行于iOS、Android等移動端瀏覽器和各種PC端瀏覽器;
  • 封裝的通信協議:實現了一個對上層透明的即時通訊通信協議模型;
  • 身份認證機制:實現了簡單合理的身份認證機制(socket.io官方并未實現之,資料也幾乎沒有);
  • 全消息路徑:實現了client to server、server to client、client to client 共3種消息路徑(socket.io官方只演示了廣播消息,一對一發送無資料);
  • 服務端慢io解偶:開發者可通過使用MQ進行DB等慢io的讀、寫解偶,保證IM實時消息高吞吐和性能;
  • 服務端代碼解偶:實現了上層應用代碼與sdk核心代碼的解偶,上線、下線、c2s消息、c2c消息、身份認證等的回調通知;
  • 實現了在線列表:服務端實現了一個高性能的在線用戶列表機制;
  • 完善的log記錄:服務端接入了log4js日志框架,確保MobileIMSDK-Web中的每一個關鍵步驟都有日志輸出,讓您的運行調試更為便利;
  • 瀏覽器端代碼解耦:實現了UI前端代碼與sdk網絡通信代碼解偶,防止前端代碼跟IM核心代碼混在一起,不利于持續升級、重用和維護;
  • 輕松開啟數據加密:一個參數即可開啟SSL/TLS通信加密;
  • 聊天協議兼容:實現了與MobileIMSDK-APP版完全兼容的協議模型;
  • 消息收發互通:實現了與MobileIMSDK-APP版的無縫消息互通。

MobileIMSDK-Web的瀏覽器兼容性:
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_mobileimsdk_web_complication_s.png
(MobileIMSDK-Web的兼容性由socket.io網絡框架決定:點此查看兼容性說明

關于為何使用的是Socket.io而不是Netty作為MobileIMSDK-Web的網絡層:
詳見《MobileIMSDK-Web的網絡層框架為何使用的是Socket.io而不是Netty?》。

八、性能負載


得益于socket.io網絡框架的高性能和Nodejs的異步編程模型,MobileIMSDK-Web可支持單機數萬甚至上十萬并發連接。當然,每種應用場景都有各自的特點和差異,請視具體場景具體評估之,性能數據僅供參考。(關于為何使用的是Socket.io而不是Netty作為MobileIMSDK-Web的網絡層,詳見《MobileIMSDK-Web的網絡層框架為何使用的是Socket.io而不是Netty?》)

socket.io性能測試討論:socket.io 高并發實戰socket.io保持6萬+連接測試?如何實現單服務器300萬個長連接的?

九、授權方式


授權方法:
完成捐助后,你即可永久自由地使用MobileIMSDK-Web(包括后緒永久免費提供升級版),無需單獨授權,如:用于研究、學習、甚至商業用途。MobileIMSDK-Web為著作權作品,未經作者授權不可對MobileIMSDK-Web本身進行二次出售(但基于此進行的后續演進和開發成果由您自行獨享),請尊重知識產權。

版本升級:
精編注釋版可永久免費獲取最新版本,作者承諾在捐助者索取最新版本時,提供優先交付的保證。(另請參見《MobileIMSDK-Web 版本更新日志(本貼持續更新...)》)

獲取授權書:
如您確實需要單獨的正式授權書,請聯系作者即可。授權書電子版(蓋章有效)將發到您的指定郵箱,如還需寄送紙質授權書(蓋章有效)則請補上郵費即可(快遞收多少就是多少,無需多付)。

著作權證書:
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_web.jpg

補充說明:如需獲得更多技術支持或技術合作請聯系作者,QQ:413980957。

十、聯系方式



附錄1:Demo運行截圖


1)MobileIMSDK-Web在手機端瀏覽器運行效果:
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_MobileIMSDK-Web-Demo在移動端瀏覽器運行效果.png

2)MobileIMSDK-Web在PC端瀏覽器運行效果:
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_MobileIMSDK-Web-Demo在PC端瀏覽器運行效果.png

附錄2:某商業案例截圖


下圖為某云客服產品IM子系統-Web版訪客端:


下圖為某云客服產品IM子系統-Web版客服后臺端:


下圖為某云客服產品IM子系統-iOS版訪客端:


下圖為某云客服產品IM子系統-iOS版客服后臺端:


下圖為某云客服產品IM子系統-Android版客服后臺端:

附錄3:基于MobileIMSDK-Web的產品RainbowChat-Web運行截圖


下圖為RainbowChat-Web的主界面(更多截圖點此進入更多演示視頻點此進入):


下圖為RainbowChat-Web的主界面[聊天窗全屏時] (更多截圖點此進入更多演示視頻點此進入):

附錄4:開發手冊和視頻教程


1)開發者手冊部分截圖:手冊詳情點此進入
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_shouce1.png
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_shouce2.png
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_shouce3.png
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_shouce4.png

2)視頻教程部分截圖:視頻詳情點此進入
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_v0.png
輕量級Web端即時通訊框架:MobileIMSDK-Web基本介紹_v1.png

即時通訊網 - 即時通訊開發者社區! 來源: - 即時通訊開發者社區!

本帖已收錄至以下技術專輯

推薦方案
評論 32
❶ 截止2019年04月29日,MobileIMSDK-Web工程的v3.4版 已經發布詳見版本更新說明),如有需要,可聯系Jack Jiang。
❷ 截止2019年03月04日基于MobileIMSDK-Web的全功能Web端IM產品RainbowChat-Web已經發布,如有需要,可聯系Jack Jiang。
簽名: 《對比主流分布式MQ消息隊列,媽媽再也不擔心我的技術選型了》http://www.uktmgv.tw/thread-2625-1-1.html
呵呵噠。
簽名: 急急急
學習學習
簽名: 該會員沒有填寫今日想說內容.
終于出來了。看看能不能替換我用的底層
簽名: 該會員沒有填寫今日想說內容.
支持下~
支持下
簽名: 就為了IM 寫代碼
高科技項目哦!
剛入手新人
簽名: 開始學習即時通訊
支持下
簽名: 新人出來乍到、求罩
能否支持群聊?
引用:juneshen 發表于 2017-11-15 10:12
能否支持群聊?

群聊從技術上說就是單聊的循環發送,自已按照自已系統的性能目標實現一下即可。
簽名: 《對比主流分布式MQ消息隊列,媽媽再也不擔心我的技術選型了》http://www.uktmgv.tw/thread-2625-1-1.html
簽名: 大家好
贊一個
支持支持支持支持
不錯啊,學習了
MobileIMSDK-Web的服務端也是有兩個版本嗎?netty和mina?
引用:ROBINCHEN 發表于 2018-03-16 09:48
MobileIMSDK-Web的服務端也是有兩個版本嗎?netty和mina?

MobileIMSDK-Web的網絡層框架是基于Nodejs的Socket.io開源工程的,至于為何使用Socket.io,請見我寫的詳細文章:
MobileIMSDK-Web的網絡層框架為何使用的是Socket.io而不是Netty?
簽名: 《對比主流分布式MQ消息隊列,媽媽再也不擔心我的技術選型了》http://www.uktmgv.tw/thread-2625-1-1.html
引用:JackJiang 發表于 2018-03-16 10:02
MobileIMSDK-Web的網絡層框架是基于Nodejs的Socket.io開源工程的,至于為何使用Socket.io,請見我寫的詳 ...

抱歉,沒認真看
不錯不錯, 學習了, 贊一個
打賞樓主 ×
使用微信打賞! 使用支付寶打賞!

返回頂部
曾氏料二肖中特