轻量级Web端即时通讯框架：MobileIMSDK-Web基本介绍

一、支持作者

付费捐助的存在，是作者目前为数不多的物质支撑，如果您希望 MobileIMSDK-Web 系列能够持续发展下去，并使得您的项目能够得到它持久的回馈，您的任何一笔捐助都意义非凡。Jack Jiang依托即时通讯网长期提供即时通讯技术的分享和传播，这里的技术资源和技术支持毫无疑问是您能找到的最低成本且是最优质的，您的支持是我们继续下去的动力！

捐助作者得 MobileIMSDK-Web 精篇源码和精编资料：

资源名称	包含内容	捐助金额	捐助方式	发货方式	专享技术支持
<精篇源码>	• 1、SDK精编注释源码 • 2、简明Demo源码	399 元	淘宝链接	付款后自动发货	1、VIP技术群 2、论坛讨论区 3、一对一交流4、永久免费升级
<手册教程>	• 1、详尽开发者指南（共23页） • 2、开发者视频教程（时长44分钟）	149 元	淘宝链接	付款后自动发货

   
taobao.com/item.htm?id=556857487083        taobao.com/item.htm?id=556718940694

二、基本介绍

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月正式对外发布（在此之前仅对商业用户授权使用）。

三、与MobileIMSDK的区别

关于MobileIMSDK：
MobileIMSDK首版开发于2013年（截止2017年6月已更新至v3版），它主要使用原生代码编写，应用于非Web网页方式的移动端即时通讯场景下，详细介绍请见：http://www.52im.net/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工程目前没有开源，您可通过淘宝链接捐助作者的方式获取（同时您也将立即获得作者的专享技术支持），详见文首“支持作者”部分，感谢您的理解与支持。

或者直接点击以下链接：

• 精篇源码：SDK精编注释源码+简明Demo源码（付款后自动发货到您的邮箱）；
• 手册指南：详尽开发者指南（共23页）+开发者视频教程（时长44分钟）（付款后自动发货到您的邮箱）。
  

五、设计目标

原生的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服务端拥有极高的并发处理性能。
  

六、框架组成

整套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的浏览器兼容性：

（MobileIMSDK-Web的兼容性由socket.io网络框架决定：点此查看兼容性说明）

八、性能负载

得益于socket.io网络框架的高性能和Nodejs的异步编程模型，MobileIMSDK-Web可支持单机数万甚至上十万并发连接。当然，每种应用场景都有各自的特点和差异，请视具体场景具体评估之，性能数据仅供参考。

socket.io性能测试讨论：socket.io 高并发实战、socket.io保持6万+连接测试？、如何实现单服务器300万个长连接的？。

九、授权方式

完成捐助后，你可永久自由地使用MobileIMSDK-Web（包括后绪永久免费提供的升级版），如：用于研究、学习、甚至商业用途，
但未经作者授权不可对MobileIMSDK-Web 本身进行二次出售，违者必究，请尊重知识产权。


补充说明：如需获得更多技术支持或技术合作请联系作者，QQ：413980957。

十、联系方式

• 讨论学习和资料区：点击进入；
• 即时通讯网VIP群：200090696 （更多QQ群点此进入）；
• bug和建议请发贴：点击进入；
• 技术支持、技术合作或咨询请联系作者QQ：413980957。
  

附录1：Demo运行截图

1）MobileIMSDK-Web在手机端浏览器运行效果：


2）MobileIMSDK-Web在PC端浏览器运行效果：

附录2：某商业案例截图

附录3：开发手册和视频教程

1）开发者手册部分截图：（手册详情点此进入）





2）视频教程部分截图：（视频详情点此进入）