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

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

---
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)