默认
打赏 发表评论 7
想开发IM:买成品怕坑?租第3方怕贵?找开源自已撸?尽量别走弯路了... 找站长给点建议
Web版即时通讯/IM系统:RainbowChat-Web前端功能截图
微信扫一扫关注! * 友情提示因服务器带宽较小、本页内图片多,如网速加载慢请稍等!

1、基本介绍


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

* 特别说明有关RainbowChat-Web产品的所有运行截图、运行视频皆为实机运行图,并非某些第3方产品用PS效果图来蒙人你懂的 ^_^)。(* 本文全部清晰大图可从 文末附件 下载!

2、相关链接


  ① RainbowChat-Web详细介绍:点击进入
  ② RainbowChat-Web产品截图:点击进入* 本文
  ③ RainbowChat-Web演示视频:点击进入
  ④ RainbowChat-Web技术转让:点击进入[推荐]
  ⑤ RainbowChat-Web淘宝链接:点击进入
  ⑥ RainbowChat-Web更新日志:点击进入

更多详情,请进入:RainbowChat-Web产品专区

3、使用技术


Web端IM框架:MobileIMSDK-Web

4、技术支持



author2023-2.png

5、技术转让和授权方式


实施细则:RainbowChat-Web 技术转让说明、授权协议书范本》。
补充说明:如果还需了解更多技术细节或解答其他疑问,请联系作者,QQ:413980957、微信:hellojackjiang、邮箱:jack.jiang@52im.net

技术合法性:

6、产品运行完整演示视频


请见:《Web版即时通讯/IM系统:RainbowChat-Web运行演示视频》。

7、主界面概览


1)主界面(演示视频点此查看):


2)主界面(聊天窗全屏时):


3)主界面(聊天窗关闭时):


4)在主流浏览器上的运行截图(演示视频点此查看):


5)不同系统、不同分辨率、不同浏览器的真机运行截图:
222.jpg
111.jpg

8、当前支持的聊天消息类型


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

9、登陆、注册、忘记密码等功能截图


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

10、“我”的个人中心等功能截图


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

11、“设置”等辅助功能截图


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

12、添加好友(发出申请)


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

13、处理好友请求、删除好友等截图


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

14、一对一陌生人聊天


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

15、一对一好友聊天


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

16、创建群聊功能


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

17、群聊聊天界面


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

18、群信息管理(用于群主)


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

19、群信息管理(普通群员)


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

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


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

21、发送“群名片”消息



▲ 点击可看大图

22、发送“位置”消息


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

23、“消息撤回”功能


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

24、“消息转发”功能



▲ 点击可看大图

25、“消息引用”功能


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

26、“@”功能


► 真机运行演示视频:点此查看更多演示视频

▲ 点击可看大图

27、v5.0新增功能特性


聊天区上方聊天对象信息显示:查看演示视频


消息送达状态图标显示:查看演示视频

附录:所有运行截图打包下载(清晰版)


RainbowChat-Web_v7.0版_运行截图合集(Part1).zip (10.21 MB , 下载次数: 199 )

即时通讯网 - 即时通讯开发者社区! 来源: - 即时通讯开发者社区!

推荐方案
评论 7
效果特别好,优秀
最新动态:RainbowChat-Web v4.0 已发布详见更新说明)。

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

增强版的表情功能效果截图:
aaaa.jpg

消息“撤回”功能效果截图:
bbb.jpg

消息气泡右键功能效果截图:
ccc.jpg

设置好友备注功能效果截图:
dd.jpg
最新动态: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升级,已适配并升级完成)。

升级后的位置消息相关功能截图(更多截图点此查看):
rbpw_v4_1.jpg
最新动态:RainbowChat-Web[专业版] v5.0 已发布(详见更新说明)。
最新动态:RainbowChat-Web[专业版] v6.0 已发布(详见更新说明)。
最新动态:RainbowChat-Web[专业版] v7.0 已发布(详见更新说明)。
正文中的运行截图已于2024年7月8日更新至 v7.0
打赏楼主 ×
使用微信打赏! 使用支付宝打赏!

返回顶部