Fiora

fiora聊天室是基于node.js和react由碎碎酱独自开发的开源网页聊天室,使用socket.io模块WebSocket协议通讯,支持Service Worker和PWA.功能丰富,并且简单易上手,很适合作为学习node.js的参考项目,node.js初学者的福音(此条5毛,碎碎酱你看到快给我钱钱。)哈哈哈,说的

Screenshot_20211007_231551_com.microsoft.emmx.jpg

我自己的这个是我和( https://moeshin.com

一起搭的🌚,好吧基本主要是他弄的哈哈哈,我负责提议和提问题和制造bug🙈

此文章搬砖自

https://moe.blog/fiora.html
应该是个可爱的萌妹子吧,可惜不加友链了🥺

项目地址: https://github.com/yinxin630/fiora
文档:https://yinxin630.github.io/fiora/zh-Hans/

演示站点

  1. fiora 貌似是作者的

  2. MoeChat 萌博萌妹子的


宝塔安装Fiora

1. 自我安装好宝塔。(至少CentOS 7.6 装好nginx)
2. 在 软件商店 安装好PM2管理器、MongoDB、Redis,三个应用。
3. 如有外部安全防火墙 请预先开放9200端口,宝塔开启9200端口。
4. ssh连接服务器

5. 先测试下环境是否正常 没有的退出重新连接SSH
node -v
npm -v

 

6. 拉取源码并存放于/opt文件夹 如果没有git请 yum -y install git
git clone https://github.com/yinxin630/fiora.git -b master /opt/fiora/

 

7. 进入fiora夹

cd /opt/fiora/

 

8. 安装依赖,用yarn来安装 没有yarn的请 npm install -g yarn
yarn install

 

9. 构建
yarn build:web

 

10. 配置 JwtSecret  请将*****  替换为一个秘密文本

echo "JwtSecret=******" > .env

 

11. 启动
yarn start

 

12. 注册用户

打开 http://你服务器ip:9200 注册第一个用户: admin

 

13. 接下来配置管理员,先使用Ctrl+C断开运行。

14. 获取用户userid 比如admin

fiora getUserId admin

 

15. 设置管理员 宝塔打开 /opt/fiora/.env 文件,添加下列一行:(userid是上面取到的一连串文本,注意代换。)

Administrator=userid

 

16. 再次启动fiora

yarn start

 

17. 浏览器刷新,检查是否有管理权限了。没问题使用Ctrl+C断开运行 配置PM2在后台运行

pm2 start yarn --name fiora -- start

 

18. 刷新聊天室 教程完成!

 

 

开机/重启后如何启动

cd /opt/fiora/

yarn start

使用Ctrl+C断开运行

pm2 start yarn --name fiora -- start

 

更多配置参考

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

 

域名反代

如需要加证书,申请/更换ssl时需关闭域名反代。

1. 宝塔面板里面,先点击左侧网站,添加站点,然后再点击添加好了的域名
2. 网址 - 域名 - 设置- 反向代理 - 增加反向代理
3. 目标URL http://127.0.0.1:9200

打开你的域名,就可以看到Fiora在运行了。
其它的设置事项,请参考官方说明。

 

缓存问题

1.缓存问题 如修改后 ip:9200 访问正常 域名访问还是旧文件

暂停域名反代

关闭 反向代理的 开启缓存 

删除反向代理-->配置文件里 expires 12h;  

清空 /www/server/nginx/proxy_cache_dir/ 夹里文件

清空 /www/server/nginx/proxy_temp_dir/ 夹里文件

如有cdn 也需要清除cdn缓存

开启域名反代

强制刷新/清空浏览器缓存/换个浏览器 重新访问

 

DIY

需在聊天室无启用的情况下修改 修改完需重构

侧边: /opt/fiora/packages/web/src/modules/Sidebar/ (这个夹里都是有关侧边的,主要文件是Sidebar.tsx)

主页: /opt/fiora/packages/web/src/template.html

图标: /opt/fiora/packages/server/public/(这个夹里三个带logo图片就是了)

修改好后

进入:  cd /opt/fiora/

重构:  yarn build:web

启动:  yarn start

浏览器Ctrl+F5强制刷新聊天室 检查修改是否成功 有问题 使用Ctrl+C断开运行 重新修改完再次 重构 启动 待所有没问题后

使用Ctrl+C再次断开运行用,使用PM2后台运行就可以了:

pm2 start yarn --name fiora -- start

DIY结束

 

迁移

MongoDB数据库和 public下的文件迁移了就行

标签: none

已有 7 条评论

  1. test test 访客 Chrome Android 10 回复

    测试

  2. 银灵魂酱 银灵魂酱 访客 Chrome Windows 10 回复

    啊哈我账号被删了(悲)

  3. 小宝 小宝 访客 Chrome Android 11 回复

    1. 云云星羽 云云星羽 博主 Chrome Android 10 回复

      回复 @小宝

      emmmm哈哈

  4. 污梦 污梦 访客 Chrome 未知 回复

    呜呜呜找这个网站很久了

    1. 云云星羽 云云星羽 博主 Chrome Android 10 回复

      回复 @污梦

      摸摸头,不哭,哪里有问题,可以问我🌚会的就帮你

  5. 柒月 柒月 访客 Chrome Windows 7 回复

    不!!!我刷新了一下,白屏了

添加新评论

注意:已开启评论过滤器,无中文无法评论!
泡泡表情
aru表情