Web版即时通讯/IM系统：RainbowChat-Web运行演示视频

1、基本介绍

RainbowChat-Web是一套基于MobileIMSDK-Web的产品级Web版IM系统。详情请见：《Web版即时通讯/IM系统：RainbowChat-Web基本介绍》。



☞ 特别说明：所有运行截图、运行视频皆为实机运行图，并非PS效果图。（全部清晰大图可从 文末附件 下载！）

2、相关链接

  ❶ RainbowChat-Web详细介绍：点击进入（☜ 本文）
  ❷ RainbowChat-Web产品截图：点击进入
  ❸ RainbowChat-Web演示视频：点击进入
  ❹ RainbowChat-Web技术授权：点击进入 ^推荐
  ❺ RainbowChat-Web淘宝链接：点击进入
  ❻ RainbowChat-Web更新日志：点击进入

☞ 更多详情，请进入：RainbowChat-Web产品专区。

3、技术支持

☞ VIP技术支持QQ群(200090696) ・普通技术交流群 ・ 个人博客 ・Github主页 ・ 联系作者 ☜

☞ 技术培训/合作/咨询等欢迎联系作者 QQ：413980957、微信：hellojackjiang（“技术授权说明、授权协议书范本”点此进入）

4、产品运行截图

请见：《Web版即时通讯/IM系统：RainbowChat-Web前端功能截图》。

5、主界面概览（视频演示）

1）主界面（新窗口中查看本视频）：


2）在主流浏览器上的运行（新窗口中查看本视频）：

6、当前支持的所有聊天消息类型

☞ 新窗口中查看本视频：点此进入

7、登陆、注册、忘记密码等功能

☞ 新窗口中查看本视频：点此进入

8、“我”的个人中心等功能

☞ 新窗口中查看本视频：点此进入

9、“设置”等辅助功能

☞ 新窗口中查看本视频：点此进入

10、添加好友（发出申请）

☞ 新窗口中查看本视频：点此进入

11、处理好友请求、删除好友等

☞ 新窗口中查看本视频：点此进入

12、一对一陌生人聊天

☞ 新窗口中查看本视频：点此进入

13、一对一好友聊天

☞ 新窗口中查看本视频：点此进入

14、创建群聊功能

☞ 新窗口中查看本视频：点此进入

15、群聊聊天界面

☞ 新窗口中查看本视频：点此进入

16、群信息管理（用于群主）

☞ 新窗口中查看本视频：点此进入

17、群信息管理（普通群员）

☞ 新窗口中查看本视频：点此进入

18、发送“个人名片”消息

☞ 新窗口中查看本视频：点此进入

19、发送“群名片”消息（v6.0）

☞ 新窗口中查看本视频：点此进入

20、发送“位置”消息

☞ 新窗口中查看本视频：点此进入

21、“消息撤回”功能

☞ 新窗口中查看本视频：点此进入

22、“消息转发”功能（v6.0）

☞ 新窗口中查看本视频：点此进入

23、“消息引用”功能（v7.0）

☞ 新窗口中查看本视频：点此进入

24、“@”功能（v7.0）

☞ 新窗口中查看本视频：点此进入

25、v5.0新增功能特性

聊天区上方聊天对象信息显示：（新窗口中查看本视频）


消息送达状态图标显示：（新窗口中查看本视频）

附录：与RainbowChat APP端产品的消息互通视频演示

特别说明：本产品（即RainbowChat-Web）是RainbowChat的姊妹产品。从产品规划上来说，RainbowChat是APP端IM系统产品，RainbowChat-Web是Web端IM系统产品。即RainbowChat和RainbowChat-Web是两套系统、两个产品，目的是提供更灵活的选择，因为不是所有人都需要3端（即android\ios\web）同时提供，这样进行产品划分可减去不需要的购买成本。但两者的底层从第一行代码开始就设计为无缝互通，化整为零，开发者的选择可以更加灵活自由。

☞ 新窗口中查看本视频：点此进入

真的很牛啊

最新动态：RainbowChat-Web v4.0 已发布（详见更新说明）。

• 1）[前端] [新增] 增加了消息“撤回”功能，体验与微信保持一致（支持3种聊天模式，包含完整的前后端处理逻辑）；
• 2）[前端] [新增] 增加了删除聊天消息功能；
• 3）[前端] [新增] 增加了设置好友备注（及附属字段）的功能；
• 4）[前端/服务端] [优化] 升级MobileIMSDK-Web库至v5.0版（支持完整消息送达保证机制）；
• 5）[前端] [优化] 将原UI各模块代码按js文件分拆，使得代码更易理解和阅读；
• 6）[前端] [优化] 增强了表情功能，且可与APP产品互通；
  

最新动态：RainbowChat-Web[专业版] v4.1 已发布（详见更新说明），bug解决及升级优化！。

此版更新内容：

• 1）[bug][前端]解决了掉线后发出的消息，在被判定未送达的情况下，重连成功时会再次重发的问题（这是MobileIMSDK-Web的bug）；
• 2）[优化][前端]解决了发送的html等内容，对方显示正常，而自已这边显示不正常的问题（没被转义）；
• 3）[优化][服务端-独立交付版]解决了log4j2的两个jar包冲突导致在linux下不能正常输出log的问题；
• 4）[优化][服务端-RainbowChatMQserver]优化了使用mysql8.0驱动时，不能正确读取SQL异常信息的问题（会报空指针异常）；
• 5）[优化][前端]解决了位置消息发送功能无法正常使用的问题（高德地图官方API升级，已适配并升级完成）；
• 6）[优化][前端]解决了位置消息查看时的地图控制工具不正常的问题（高德地图官方API升级，已适配并升级完成）。
  

升级后的位置消息相关功能截图（更多截图点此查看）：

最新动态：RainbowChat-Web[专业版] v5.0 已发布（详见更新说明）。

最新动态：RainbowChat-Web[专业版] v6.0 已发布（详见更新说明）。

最新动态：RainbowChat-Web[专业版] v7.0 已发布（详见更新说明）。

最新动态：RainbowChat-Web[专业版] v7.2 已发布（详见更新说明）。

请问下，web版本的，在手机待机锁屏情况下，能收到消息通知并且有提示音么？

引用：wyojie 发表于 2025-05-28 21:52
请问下，web版本的，在手机待机锁屏情况下，能收到消息通知并且有提示音么？

web是在浏览器里用的，哪怕是手机的浏览器，系统也不可能让他随便推送通知。你要的通知，可以在手机端用WebView套壳web，然后通过原生代码进行锁屏和离线通知（而且这样的离线通知现在厂商只允许用厂商级ROOM推送通道，包括在移动端的diviceID在内都是严格管控的，不允许随便读取），否则是肯定办不到的

看到你安卓版本的消息通知做的挺好的，在通知栏有一个持续运行的通知，不管是后台还是锁屏，都能收到消息并有提示音，这个是其他聊天APP没有做到过的

引用：wyojie 发表于 2025-05-28 22:37
看到你安卓版本的消息通知做的挺好的，在通知栏有一个持续运行的通知，不管是后台还是锁屏，都能收到消息并 ...

现在正经的android系统后台偷跑都是禁止的，要存活就得用前台服务看的见，而且这个Notification一直在变动，老一点的app不适配好，直接就崩了