1926天 萌博客

一个超萌超可爱的博客

宝塔搭建fiora聊天室

Hannah   2年前    1.8万 次围观    33条评论    返回

前言

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

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

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-08-14)
    @

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

  2. 1年前 (2021-08-01)
    @
    hwcwy

    里哈

  3. 1年前 (2021-07-08)
    @
    L.Y.

    有支持虚拟主机的吗?

    • 11个月前 (01-18)
      @ NO

      @L.Y.:你可以在网上搜搜DuckChat,这个是PHP版本的,这个应该支持虚拟主机哈

  4. 2年前 (2021-06-04)
    @

    这个聊天室和博客模板有啥区别??

  5. 2年前 (2021-05-19)
    @
    西洲曲

    DIY之后重启服务器还是一样0.0该怎么解决呀

  6. 2年前 (2021-02-13)
    @

    稍微看了一下 还是用Docker比较方便..

    • 1年前 (2021-10-21)
      @ NO

      @Zhou216:docker在运行docker run --name fioradb -p 27017:27017 --network fiora-network mongo和
      docker run --name fioraredis -p 6379:6379 --network fiora-network redis
      的时候卡着了怎么办

  7. 2年前 (2021-02-08)
    @

    QQ被冻结了来报个道😂
    以后不敢乱说话了

  8. 2年前 (2021-01-29)
    @
    xiaohai

    重构报错呢

  9. 2年前 (2021-01-27)
    @
    水星

    有docker了吧

  10. 2年前 (2021-01-26)
    @
    Sakura

    构建和转移产物报错怎么办