找回密码
 立即注册
首页 业界区 安全 Web网页端即时通讯源码/IM聊天源码RainbowChat-Web ...

Web网页端即时通讯源码/IM聊天源码RainbowChat-Web

闵雇 4 天前
1、基本介绍

RainbowChat-Web是一套基于MobileIMSDK-Web的网页端IM系统。不同于市面上某些开源练手或淘宝售卖的demo级代码,RainbowChat-Web的产品级代码演化自真正运营过的商业产品,其所依赖的通信层核心SDK已在数年内经过大量客户及其辐射的最终用户的使用和验证。RainbowChat-Web同时也是移动端IM应用RainbowChat的姊妹产品。
1.jpeg

 
2.jpeg

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.jpeg

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、支持的聊天消息类型

4.jpeg

7、好友聊天

5.jpeg

8、群聊聊天

6.jpeg

9、发送“群名片”消息

7.jpeg

10、发送“位置”消息

8.jpeg

11、“消息撤回”

9.jpeg

12、“消息转发”

10.jpeg

12、“消息引用”

11.jpeg

14、“@”功能

12.jpeg

15、其它特性和细节

聊天区上方聊天对象信息显示:(查看视频)
13.jpeg

消息送达状态图标显示:(查看视频)
14.jpeg


来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册