关于聊天室fiora一些简单问题解答 建站

zsxwz 21/05.08 19:39 1961

聊天室暂时迁移到一个配置比较低的vps,先将就着用吧。。。


群聊里又又有人问fiora修改的问题,不看教程,不看源码,上来就是一顿操作猛如虎,就可能报错。可能还是有人也想搭建的,就简单说说可能会遇到的问题。


教程:

https://zsxwz.com/2021/03/27/


1、需要什么样的配置:

1核1g,勉强能跑,但很多时候还是处理不过来。推荐2核2g以上的配置。至于宽带,至少50M往上吧,如果同时在线人比较多,图片有比较多,宽带小了真的很卡。至于多大的内存空间,理论上越大越好,但也可以挂载七牛云。自己尝试过使用rclone直接挂载onedrive到public目录,只要配置合理问题也不大。


2、聊天室目录结构,自己想要修改什么,至少需要知道在哪里修改。

|-- [.githubb]                // github actions
|-- [.vscode]                 // vscode 工作区配置
|-- [bin]                     // 服务端脚本
|-- [build]                   // webpack 配置
|-- [client]                  // web 客户端
|-- [config]                  // 应用配置
|-- [dist]                    // 构建客户端输出目录
|-- [docs]                    // 文档
|-- [public]                  // 服务端静态资源
|-- [server]                  // 服务端
|-- [test]                    // 单元测试
|-- [types]                   // typescript 类型
|-- [utils]                   // 工具方法
|-- .babelrc                  // babel 配置
|-- .eslintignore             // eslint 忽略
|-- .eslintrc                 // eslint 配置
|-- .gitignore                // git 忽略
|-- .nodemonrc                // nodemon 配置
|-- .prettierrc               // prettier 配置
|-- Dockerfile                // docker 文件
|-- LICENSE                   // fiora 许可
|-- docker-compose.yaml       // docker compose 配置
|-- jest.*.sj                 // jest 配置
|-- package.json              // npm
|-- tsconfig.json             // typescript 配置
|-- yarn.lock                 // yarn
...


3、主要是修改客户端文件,都在client文件夹,文件目录:

├── App.less
├── App.tsx
├── assets
│   ├── audios //通知声音
│   │   ├── apple.mp3
│   │   ├── default.mp3
│   │   ├── huaji.mp3
│   │   ├── mobileqq.mp3
│   │   ├── momo.mp3
│   │   └── pcqq.mp3
│   ├── fonts //字体
│   │   ├── font.woff
│   │   └── font.woff.bak
│   ├── images // 背景,打赏等图片
│   │   ├── alipay.png
│   │   ├── android-apk.png
│   │   ├── background-cool.jpg
│   │   ├── background.jpg
│   │   ├── baidu.png
│   │   ├── huaji //滑稽表情包
│   │   │   ├── 0.jpg
│   │   │   ├── 10.jpeg
│   │   │   ├── 11.jpeg
│   │   │   ├── 12.jpeg
│   │   │   ├── 13.jpeg
│   │   │   ├── 14.jpeg
│   │   │   ├── 15.jpeg
│   │   │   ├── 16.jpeg
│   │   │   ├── 17.jpeg
│   │   │   ├── 18.gif
│   │   │   ├── 19.jpeg
│   │   │   ├── 1.gif
│   │   │   ├── 20.jpeg
│   │   │   ├── 21.jpeg
│   │   │   ├── 22.jpeg
│   │   │   ├── 23.jpeg
│   │   │   ├── 24.jpeg
│   │   │   ├── 25.png
│   │   │   ├── 26.jpeg
│   │   │   ├── 27.jpeg
│   │   │   ├── 28.jpeg
│   │   │   ├── 29.jpeg
│   │   │   ├── 2.jpeg
│   │   │   ├── 30.jpeg
│   │   │   ├── 31.jpeg
│   │   │   ├── 32.jpg
│   │   │   ├── 33.gif
│   │   │   ├── 34.gif
│   │   │   ├── 35.gif
│   │   │   ├── 36.gif
│   │   │   ├── 3.jpeg
│   │   │   ├── 4.jpeg
│   │   │   ├── 5.jpg
│   │   │   ├── 6.jpeg
│   │   │   ├── 7.jpg
│   │   │   ├── 8.jpeg
│   │   │   └── 9.jpeg
│   │   ├── ios-expo.png
│   │   ├── no-linkman.jpeg
│   │   ├── wuzeiniang.gif
│   │   └── wxpay.png
│   └── styles 
│       ├── iconfont.less
│       ├── normalize.less
│       └── variable.less
├── components //其他组件
│   ├── Avatar.tsx
│   ├── Button.tsx
│   ├── Dialog.less
│   ├── Dialog.tsx
│   ├── Dropdown.less
│   ├── Dropdown.tsx
│   ├── IconButton.less
│   ├── IconButton.tsx
│   ├── Input.less
│   ├── Input.tsx
│   ├── Loading.tsx
│   ├── Menu.tsx
│   ├── Message.less
│   ├── Message.tsx
│   ├── Progress.tsx
│   ├── Select.tsx
│   ├── Tabs.tsx
│   ├── Tooltip.less
│   └── Tooltip.tsx
├── context.ts
├── globalStyles.ts
├── hooks
│   ├── useAction.ts
│   ├── useAero.ts
│   ├── useIsLogin.ts
│   └── useStore.ts
├── localStorage.ts //本地设置
├── main.tsx
├── modules
│   ├── Chat //群聊
│   │   ├── ChatInput.less
│   │   ├── ChatInput.tsx
│   │   ├── Chat.less
│   │   ├── Chat.tsx
│   │   ├── CodeEditor.less
│   │   ├── CodeEditor.tsx
│   │   ├── Expression.less
│   │   ├── Expression.tsx
│   │   ├── GroupManagePanel.less
│   │   ├── GroupManagePanel.tsx
│   │   ├── HeaderBar.less
│   │   ├── HeaderBar.tsx
│   │   ├── Message //消息
│   │   │   ├── CodeDialog.tsx
│   │   │   ├── CodeMessage.less
│   │   │   ├── CodeMessage.tsx
│   │   │   ├── FileMessage.tsx
│   │   │   ├── ImageMessage.tsx
│   │   │   ├── InviteMessage.less
│   │   │   ├── InviteMessageV2.tsx
│   │   │   ├── Message.less
│   │   │   ├── Message.tsx
│   │   │   ├── SystemMessage.tsx
│   │   │   ├── TextMessage.tsx
│   │   │   └── UrlMessage.tsx
│   │   ├── MessageList.less
│   │   └── MessageList.tsx
│   ├── FunctionBarAndLinkmanList //功能栏
│   │   ├── CreateGroup.less
│   │   ├── CreateGroup.tsx
│   │   ├── FunctionBarAndLinkmanList.less
│   │   ├── FunctionBarAndLinkmanList.tsx
│   │   ├── FunctionBar.less
│   │   ├── FunctionBar.tsx
│   │   ├── Linkman.less
│   │   ├── LinkmanList.less
│   │   ├── LinkmanList.tsx
│   │   └── Linkman.tsx
│   ├── GroupInfo.tsx
│   ├── InfoDialog.less
│   ├── InviteInfo.tsx
│   ├── LoginAndRegister //登录以及注册
│   │   ├── LoginAndRegister.less
│   │   ├── LoginAndRegister.tsx
│   │   ├── LoginRegister.less
│   │   ├── Login.tsx
│   │   └── Register.tsx
│   ├── Sidebar //侧边栏
│   │   ├── About.less
│   │   ├── About.tsx
│   │   ├── Admin.less
│   │   ├── Admin.tsx
│   │   ├── Common.less
│   │   ├── Download.less
│   │   ├── Download.tsx
│   │   ├── OnlineStatus.less
│   │   ├── OnlineStatus.tsx
│   │   ├── Reward.less
│   │   ├── Reward.tsx
│   │   ├── SelfInfo.less
│   │   ├── SelfInfo.tsx
│   │   ├── Setting.less
│   │   ├── Setting.tsx
│   │   ├── Sidebar.less
│   │   └── Sidebar.tsx
│   └── UserInfo.tsx
├── service.ts
├── socket.ts
├── state
│   ├── action.ts
│   ├── reducer.ts
│   └── store.ts
├── templates
│   └── index.html //修改网站名称,等等
└── themes.ts


不要轻易删除文件,构建的时候找不到文件,就容易出错。

修改完之后,返回到fiora目录重新构建:

yarn build:client && yarn move-dist


4、.env配置文件,修改客户端一些配置,不太建议太修改代码,一些配置直接写到配置文件,重启或者重新构建生效。

https://yinxin630.github.io/fiora/zh-Hans/docs/config


具体的问题在此帖回复即可,以后有需要的可以看见,就不会一直在群里问相同的问题了。



上一篇:比码支付好用的免签收款方法,点击按钮直接跳转微信、支付宝
下一篇:网页便携小空调搭建教程
最新回复 (0)
    • 姿势论坛—姿势小王子
      2
返回
发新帖
友情链接
免责声明:本站部分资源来源于网络,如有侵权请发邮件(mail@zsxwz.com)告知我们,我们将会在24小时内处理。