You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tailchat/website/blog/2022-03-27-intro.md

162 lines
5.7 KiB
Markdown

---
title: Tailchat —— 插件化的开源聊天平台
description: Tailchat 是一款易拓展、方便使用,并且完全免费开源的聊天平台
authors: moonrailgun
slug: intro
image: /img/logo.svg
keywords:
- tailchat
- 介绍
- 开源
- 开源聊天工具
tags: [介绍]
---
## 前言 First of all
大家好,我是[moonrailgun](https://github.com/moonrailgun),今天为大家介绍的是我个人开发的开源插件式聊天软件: [Tailchat](https://github.com/msgbyte/tailchat)
Tailchat 是一款易拓展、方便使用,并且完全免费开源的聊天平台。在部分思想上借鉴了 [Discord](https://discord.com/) 并在此致敬!
## 动机 Motivation
曾经痴迷于 TRPG, 并花了4年的业余时间做了人生第一款聊天软件 [TRPG Engine](https://github.com/TRPGEngine/Client)。但是受限于题材方面的问题,使用的人虽然一直有,但是并没有太多。
而且因为开发之初受到经验的限制,虽然当初经过了很多次重构,但是仍然背负上了很多的技术债务。而且因为当初没有做好分布式架构的设计,因此在面对实际的单机业务性能瓶颈时也没有非常好的解决方案,导致在高峰期只能让用户处于相对慢的系统响应中。
因此我将在 [TRPG Engine](https://github.com/TRPGEngine/Client) 的开发中遇到的问题收集起来,并重新整理了我的业务需求,开发出了新的继承者 [Tailchat](https://github.com/msgbyte/tailchat)。
因为最开始首先于小众的业务, [Tailchat](https://github.com/msgbyte/tailchat) 的设计之初就做好了易于拓展的准备。定位是除了核心的聊天场景以外,其他的业务需要都是由插件提供的。甚至是聊天的富文本渲染方式、消息的通知也是由插件提供的。作为使用者/开发者,能够方便得为 [Tailchat](https://github.com/msgbyte/tailchat) 拓展新的能力,或者将已有的能力集成到 [Tailchat](https://github.com/msgbyte/tailchat) 中
[Tailchat](https://github.com/msgbyte/tailchat) 名字来源于其logo是两只猫尾巴纠缠在一起的形象表示猫与猫之间最直接的沟通方式。
## 功能 Feature
### 登录页
![](/img/blog/intro/1.png)
登录页除了支持正常的 **登录**、**注册**,为降低使用门槛还允许先进行 **游客访问**,无需注册直接使用。同时还支持 **忘记密码** 功能。向通过用户发送邮件来帮助用户重置密码
> **NOTICE**: 忘记密码功能需要管理员配置SMTP服务
此处以访客为例,创建一个名为 `猫之使徒` 的访客:
![](/img/blog/intro/2.png)
进入主页面后如下显示:
![](/img/blog/intro/3.png)
可以通过点击最上面的认领账号来补充用户信息以方便下次登录
### 添加好友
切换到 `添加好友` 标签页可以看到系统为您生成的4位唯一标识:
![](/img/blog/intro/4.png)
在本例中的唯一标识是`猫之使徒#1216`,您可以通过将这段字符串发送给好友来添加好友。
![](/img/blog/intro/5.png)
### 插件中心
[Tailchat](https://github.com/msgbyte/tailchat) 设计之初就提供了强大的插件系统,通过插件系统能极大拓展[Tailchat](https://github.com/msgbyte/tailchat)自身的能力。
![](/img/blog/intro/6.png)
> NOTICE: 插件本身设计是运行在 可信执行环境(TEE) 中, 请不要随意通过手动安装的方式安装不明来源的第三方插件
### 个人设置
![](/img/blog/intro/7.png)
用户可以在左下方的"···"中打开个人设置。可以自定义头像,修改名称,修改密码等操作。
![](/img/blog/intro/8.png)
通过剪裁工具可以很方便的选出自己想要的部分
![](/img/blog/intro/9.png)
### 系统设置
在系统设置中可以修改界面语言和界面主题。
主题除了 [Tailchat](https://github.com/msgbyte/tailchat) 自带的`暗色主题`和`亮色主题`以及根据当前系统设置自动切换的`自动`以外均为插件提供
![](/img/blog/intro/10.png)
> 目前 Tailchat 支持的语言仅为 `简体中文` 和 `英语`。欢迎有能力的开发者帮助 Tailchat 进行国际化翻译的工作
### 群组聊天
![](/img/blog/intro/11.png)
点击左上角导航栏的绿色加号即可创建群组
![](/img/blog/intro/12.png)
预设了两个布局模板,直接选择`默认群组`
![](/img/blog/intro/13.png)
随意取个名字,点击创建。系统则会创建一个群组并自动跳转到该群组
界面布局如下:
![](/img/blog/intro/14.png)
![](/img/blog/intro/15.png)
输入框支持 `@` 群组成员:
![](/img/blog/intro/16.png)
### 群组设置
点击左上角的标题栏可以点开群组详情页
![](/img/blog/intro/17.png)
点击查看详情可以进入到群组的详情页
![](/img/blog/intro/18.png)
在此处可以:
- 修改群组头像
- 修改群组名称
- 管理群组面板
#### 面板管理
![](/img/blog/intro/19.png)
创建面板可以直接创建一个面板,内置的面板类型有:
- 聊天频道
- 面板分组
- 网页面板
网页面板可以直接输入一个网址,可以将自己喜好的网址直接集成到 Tailchat 的群组侧边栏
![](/img/blog/intro/20.png)
比如我们插入一个访问 Bilibili 的网页面板,则效果如下:
![](/img/blog/intro/21.png)
![](/img/blog/intro/22.png)
> NOTICE: 因为浏览器的安全策略问题,如果当前 Tailchat 使用了https协议那么只能支持嵌入 https 协议的网页
> NOTICE: 因为浏览器的安全策略问题嵌入的网址需要允许被使用iframe嵌入
## 相关连接
开源地址:
- [https://github.com/msgbyte/tailchat](https://github.com/msgbyte/tailchat)
- [https://github.com/msgbyte/tailchat-server](https://github.com/msgbyte/tailchat-server)