GitHub重磅推荐!基于React + Typescript 现代即时通讯应用 Tailchat

简介: 今天给大家介绍一款即时通讯应用,这个开源项目是:Tailchat,它是一个基于 React + Typescript 的现代开源 noIM 应用程序。

今天给大家介绍一款即时通讯应用,这个开源项目是:Tailchat,它是一个基于 React + Typescript 的现代开源 noIM 应用程序。

简单介绍

相信大家都或多或少了解过 Discord / Slack 这样大火的即时通讯应用。两者分别在各自的领域有很大的成就。

而今天我来介绍一下他们两者的开源替代品,甚至是升级版 —— Tailchat.

概念

Tailchat 自身定位为 noIM (not only IM), 与其他IM应用最大的区别在于他底层是由一套开放式的插件系统构成的。这种设计为 Tailchat 带来了一套高度自由的开放生态,通过插件机制可以修改Tailchat本身的方方面面而不会影响到核心代码,更重要的是插件机制给予用户选择权。通过插件可以基于核心的IM功能构造出一套完整的空间,这就是为什么定位为 noIM 的原因。Tailchat 具有很多想象的空间。

另外,插件机制也是一种利于二次开发的设计。对于极客或者想要高度自定义的企业来说非常重要。

功能

Tailchat 除了拥有大部分 IM 应用都有的功能如群组管理好友私信音视频通话等常规功能之外,还有更加深入的进阶功能如:

  • 身份组管理
  • 自定义面板
  • 开放平台
  • 插件中心
  • 管理后台
  • 多平台支持(网页端, 手机端, 桌面端)

另外,目前Tailchat已经有大大小小超过30个官方插件,在未来还会有更多插件。

身份组

Tailchat的权限管理采用 RBAC 策略,基于身份组的组合能够拥有不同的权限。相较于普通的 管理员/成员 模式来说,身份组的方式能够很好的组合出不同的权限管理方式。

一个简单的例子: A 身份有 a, b 两个权限,B 身份有 b, c 两个权限,那么如果一个用户同时拥有 AB 两个身份,那么他就有 a, b, c 三个权限。

开放平台

和许多的开放平台一样,Tailchat 支持机器人和第三方登录。通过开放平台可以让外部系统和IM有一个很好的沟通,增强不同应用之间的联系。如果说插件是用户可以感知的前端的连接(插件也有后端),那么开放平台就是纯后端的连接。

如果仅需要一些简单的消息发送功能,一些预设的官方插件也能很好的满足要求。

管理后台

在Tailchat主应用中,所有的用户都是平等地位的,即所有的功能都是一样的。但是作为运营项目的同学需要更加强的控制与管理能力,以应对监管与运维的要求。因此 Tailchat 也提供后台系统可以帮助用户更好的管理自己的应用

技术

前端

Tailchat 的前端是基于 MiniStar 实现的微内核的架构,MiniStar负责模块之间的加载与模块共享,而Tailchat则提供了依赖和插槽来允许自定义插件在 Tailchat 上实现自己想要的逻辑。这一点与vscode是非常相近的。

技术栈:

  • React
  • Redux
  • mini-star
  • tailwindcss

后端

Tailchat 一开始的设计就是为了拓展实现的。后端是基于分布式微服务架构,无需修改就可以直接进行扩容。对于外部的服务接入只需要接入网络即可实现

技术栈:

  • Nodejs
  • Socket.io
  • koa
  • moleculer

需要依赖:

  • redis: 作为后台微服务的转发与缓存服务中间件
  • minio: 作为文件服务的对象存储服务中间件
  • mongo: 主要数据库存储用户数据

开源项目地址:

点击此处免费获取

相关文章
|
JavaScript 前端开发 API
007 Umi 使用 TypeScript 提升开发者体验
007 Umi 使用 TypeScript 提升开发者体验
1166 0
007 Umi 使用 TypeScript 提升开发者体验
|
JavaScript 程序员 CDN
推荐 7 个 Vue2、Vue3 源码解密分析的重磅开源项目 👍
推荐 7 个 Vue2、Vue3 源码解密分析的重磅开源项目 👍
637 0
推荐 7 个 Vue2、Vue3 源码解密分析的重磅开源项目 👍
|
存储 前端开发 JavaScript
ahooks 正式发布:值得拥抱的 React Hooks 工具库
ahook定位于一套基于 React Hooks 的工具库,核心围绕 React Hooks 的逻辑封装能力,降低代码复杂度和避免团队的重复建设为背景,共同建设和维护阿里经济体层面的 React Hooks 库。
22806 1
ahooks 正式发布:值得拥抱的 React Hooks 工具库
|
4月前
|
前端开发 JavaScript Android开发
React-Native优质开源项目
React-Native优质开源项目
|
1月前
|
前端开发 JavaScript API
前端技术分享:React Hooks 实战指南
【10月更文挑战第1天】前端技术分享:React Hooks 实战指南
|
3月前
|
JSON 前端开发 JavaScript
使用vite搭建一个React项目!真香!
【8月更文挑战第13天】使用vite搭建一个React项目!真香!
487 3
使用vite搭建一个React项目!真香!
|
4月前
|
JavaScript 前端开发
react18【系列实用教程】JSX (2024最新版)
react18【系列实用教程】JSX (2024最新版)
72 1
|
6月前
|
JavaScript 前端开发 Java
Github 上 8 个很棒的 Vue 项目
Github 上 8 个很棒的 Vue 项目
218 0
|
6月前
|
存储 SQL 前端开发
React&Nest.js社区平台(四)——✏️文章发布与管理实战
React&Nest.js社区平台(四)——✏️文章发布与管理实战
|
6月前
|
前端开发 JavaScript 测试技术
10个yyds的Vue、React源码解析开源项目
10个yyds的Vue、React源码解析开源项目
下一篇
无影云桌面