1599天 萌博客

一个超萌超可爱的博客

宝塔搭建fiora聊天室

萌娜   1年前    1.1万 次围观    26条评论    返回

前言

由于某种原因,我们有时的某些话,并不适合在主流的聊天应用上说,至少,我认为某些话,会被系统认为有风险,你可能面临禁言冻结或封号,甚至物理攻击。那么,自建一个私人的聊天室在你需要时,帮助你远离这些麻烦。

网络的聊天室应用并不少,但要么太过高级没开源,要么太过简洁不适合我这种颜狗。试了不少,看中了Fiora聊天应用,因为它有点可爱有点Q。

由于博主不懂各种程序,不通各类各类代码,所以只会用适合小白的宝塔来搭建了。在网上找了很多关于宝塔建Fiora的教程,也喵了各位大佬的文章,并请教了各路大枷,是时候水一篇博文记录下,以便自己需要时再复制粘贴。

 

Fiora

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

项目地址: 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下的文件迁移了就行

未显示?请点击刷新
  1. 1年前 (2021-01-14)
    @

    把【2. 在 软件商店 安装好 P2P管理器、MongoDB、Redis,三个应用。】换成【2. 在 软件商店 安装好 PM2管理器、MongoDB、Redis,三个应用。】

  2. 1年前 (2021-01-09)
    @

    这个叼

  3. 1年前 (2021-01-09)
    @

    厉害了哦

  4. 1年前 (2021-01-09)
    @

    厉害噢

  5. 1年前 (2021-01-09)
    @

    很赞诶~