2657天 萌博客

一个超萌超可爱的博客

宝塔搭建fiora聊天室

Hannah   4年前    3.1万 次围观    53条评论    返回

前言

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

网络的聊天室应用并不少,但要么太过高级没开源,要么太过简洁不适合我这种颜狗。试了不少,看中了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. LoliChat

 

宝塔安装Fiora

自我安装好宝塔。(至少CentOS 7.6 装好nginx)
2. 在 软件商店 安装好

node.js版本管理器 (设置里安装 Node版本:v14 命令行版本选装的那个)

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. 刷新聊天室 教程完成!

 

 

如何设置开机自启动

网站 node项目 fiora项目的右边设置 项目配置 开机启动跟随系统启动服务打勾 保存配置

 

开机/重启后如何启动(旧)

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. 3年前 (2022-04-11)
    @
    2ich4n

    ## 修改了以后不生效啊,重构过了,问下怎么解决?

  2. 3年前 (2022-04-07)
    @

    大佬,能不能出个后台管理和使用教程?
    我找不到解封在哪儿

  3. 3年前 (2021-12-07)
    @
    bear

    感谢博主分享,看了你的终于搞定了,通俗易懂,写的比诗经还美!

  4. 3年前 (2021-11-18)
    @

    小能干
    https://xn--bsr.cn/

  5. 3年前 (2021-11-09)
    @
    z

    请问yarn start这样是什么原因
    lerna ERR! yarn run start exited 1 in '@fiora/server'
    error Command failed with exit code 1.

  6. 3年前 (2021-10-21)
    @
    小七

    这个能部署在Windows2012系统下吗

  7. 3年前 (2021-10-11)
    @

    能用vps弄吗?

  8. 3年前 (2021-10-06)
    @

    有个问题,访问的时候提示使用yarn build:client创建前端页面是怎么回事

  9. 3年前 (2021-10-02)
    @

    好耶

  10. 3年前 (2021-08-14)
    @

    有点意思,可以把注册去掉,更方便一点