前言
Fiora是一款偏二次元的Web多人在线聊天应用,是使用Node.js、Mongodb、Socket.io和React编写的,使用起来简洁、方便,在这里使用宝塔面板+Fiora安装教程分享给大家。
对于不懂各种程序,不通各类代码新手来说,用宝塔来搭建再适合不过了。
作者项目地址: https://github.com/yinxin630/fiora
开发文档: https://yinxin630.github.io/fiora/zh-Hans/docs/getting-start/
宝塔安装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的请先安装 yarn
npm install -g yarn
然后yarn安装依赖
yarn install
9. 构建客户端代码
yarn build:web
10. 配置 JwtSecret 请将 ***** 替换为一个秘密文本
echo "JwtSecret=******" > .env
例如:
echo "JwtSecret=6acg75bfb3682dw7" > .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
域名反代
如需要加证书,申请/更换SSL时需关闭域名反代。
1. 宝塔面板点击左侧网站,添加站点,然后再点击添加好了的域名
2. 反向代理 – 添加反向代理
3. 目标URL http://127.0.0.1:9200
打开你的域名,就可以看到Fiora在运行了。
缓存问题
1.如果修改后 ip:9200 访问正常 域名访问还是旧文件 暂停域名反代
2.关闭 反向代理的 开启缓存
3.删除反向代理–>配置文件里expires 12h
;
4.清空/www/server/nginx/proxy_cache_dir/
夹里文件
5.清空/www/server/nginx/proxy_temp_dir/
夹里文件
6.如有cdn 也需要清除cdn缓存
7.开启域名反代
8.强制刷新/清空浏览器缓存/换个浏览器 重新访问
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
数据迁移
MongoDB数据库 和 public下的文件 迁移了就可以,具体自己亲测!
最后 配上三张成品图