2638天 萌博客

一个超萌超可爱的博客

宝塔搭建fiora聊天室

Hannah   4年前    3.0万 次围观    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. 2个月前 (10-02)
    @
    K

    10. 配置 JwtSecret  请将*****  替换为一个秘密文本
    我需要把那个文件替换成一个秘密文本

  2. 2个月前 (09-13)
    @
    a

  3. 3个月前 (08-29)
    @

    加油!

  4. 4个月前 (08-04)
    @
    beluga

    救命,我卡在安装依赖一个小时了😭😭😭😭😭😭

  5. 8个月前 (03-23)
    @
    moshui

    报错信息:https://panmoshui.0ba.cn/s/KAsj

    • 8个月前 (03-23)
      @ NO
      moshui

      @moshui:构建网页时报错

  6. 8个月前 (03-23)
    @
    moshui

    在构建网页时报错
    $ npx lerna run build:web --stream
    lerna notice cli v4.0.0
    lerna info versioning independent
    lerna info Executing command in 1 package: "yarn run build:web"
    @fiora/web: warning package.json: "dependencies" has dependency "@testing-library/jest-dom" with range "^5.14.1" that collides with a dependency in "devDependencies" of the same name with version "^4.2.4"
    @fiora/web: $ rm -rf dist && cross-env NODE_ENV=production DOTENV_CONFIG_PATH=../../.env webpack --config build/webpack.prod.js && cp -r -f dist/fiora/* ../server/public
    @fiora/web: ℹ Compiling Webpack
    @fiora/web: Browserslist: caniuse-lite is outdated. Please run:
    @fiora/web: npx browserslist@

  7. 8个月前 (03-12)
    @
    bulita

    https://chat.bulita.net 继承fiora遗志

  8. 1年前 (2023-08-17)
    @
    Joe

    博主请问一下我用fiora命令查看ID时候系统提示找不到命令 “fiora”,有没有解决办法啊

    • 1年前 (2023-08-17)
      @ NO

      @Joe:在创建时 (ssh连接) 在群里随便发点啥,看日志找出id.

      • 1年前 (2023-08-17)
        @ NO
        Joe

        @Hannah:但是这样没有办法解决我不能使用fiora命令这个问题啊并且我要是想删除一些聊天记录来空出内存的话好像也绕不开使用
        fiora命令

        • 1年前 (2023-09-10)
          @ NO
          Sp1ke

          @Joe:用yarn link "fiora"创建fiora命令,应该就能使用了

      • 1年前 (2023-08-18)
        @ NO
        Joe

        @Hannah:并且我发现我配置.env文件不管怎么配置都不生效我尝试修改config文件但是我不清楚配置admin的格式可以教我一下吗?

        • 1年前 (2023-08-19)
          @ NO

          @Joe:你是用什么模式创建的

          • 1年前 (2023-08-19)
            @ NO
            Joe

            @Hannah:我是按照教程从git上面下载的源码搭配宝塔面板去整的

  9. 2年前 (2023-03-23)
    @
    亦心友

    博主建个群呗

    • 2年前 (2023-03-23)
      @ NO

      @亦心友:教程已更新

      • 2年前 (2023-03-23)
        @ NO
        亦心友

        @Hannah:想认识一下都没机会的嘛

    • 2年前 (2023-03-23)
      @ NO

      @亦心友:群就不建了,有问题就lolichat聊天室留言,我看到会回。

  10. 2年前 (2022-12-05)
    @
    Mao

    我问下博主,搭建完毕在里面聊天,为什么总被关进小黑屋,这个要怎么设置呢?

    • 2年前 (2022-12-05)
      @ NO

      @Mao:目前没得设置 消息太快太多刷屏也会被关 同ip多用户也会…
      等作者碎碎酱未来优化吧

      • 2年前 (2022-12-05)
        @ NO
        Mao

        @Hannah:哎,聊几句就被关小黑屋了,可恶啊