聊天室暂时迁移到一个配置比较低的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
具体的问题在此帖回复即可,以后有需要的可以看见,就不会一直在群里问相同的问题了。
上一篇:
比码支付好用的免签收款方法,点击按钮直接跳转微信、支付宝下一篇:
网页便携小空调搭建教程