Eridanus WebUI

简介

• Eridanus WebUI 基于React与Ant Design Pro开发，旨在提供一个简单易用的界面，让用户能够轻松配置和管理Eridanus。
• 请注意，本仓库仅为Eridanus WebUI的前端代码，后端与机器人功能实现请移步至 Eridanus 仓库

开发计划

总览

• 服务器基本信息
• 机器人基本信息（目前仅有用户总数）
• 用户排行榜

聊天

• 基本的聊天
• 图片预览
• 语音消息
• 视频预览
• 是否@
• 视频预览使用dplayer，优化体验
• 转发消息浏览
• 消息撤回（没必要吧）
• 聊天记录同步
• 上传文件
• 聊天文件管理
• 修改气泡背景色，易于辨认
• 消息管理
• 聊天记录懒加载

修改配置文件

• 修改yaml配置文件
• 重启服务端
• 文本编辑器模式

用户管理

• 查看用户基本信息
• 按用户ID搜索
• 修改用户信息
• 升降序排序
• 批量删除用户
• 新建用户

日志查看

• 查看日志
• 实时日志
• 按时间范围搜索
• 按日志等级搜索
• 按模块搜索
• 下载日志
• 按日志内容搜索

小工具

• 重启服务端
• 导入导出配置文件

开发前的环境准备

• 请确认电脑已经安装好node.js
• 切换到项目目录下，执行：

---

换淘宝镜像源

 npm config set registry https://registry.npmmirror.com

安装环境

npm install

视网络环境，稍等10分钟左右，环境部署完成

运行

会在8000端口启动服务器，可以实时修改代码，查看效果

npm run start

编译

编译后的文件在dist目录下

npm run build

提示

• mock目录下为模拟API的数据，用于本地调试，可根据需要修改
• config目录下为基础配置文件
• src目录下为源代码
• public目录下为静态资源，编译后位于根路由下

关于

• Ant Design Pro Github 仓库
• Ant Design Pro 文档
• Ant Design 文档
• Ant Design X 文档