fiora聊天室是基于node.js和react由碎碎醬獨(dú)自開發(fā)的開源網(wǎng)頁(yè)聊天室,使用socket.io模塊WebSocket協(xié)議通訊,支持Service Worker和PWA.功能豐富,并且簡(jiǎn)單易上手,很適合作為學(xué)習(xí)node.js的參考項(xiàng)目,node.js初學(xué)者的福音（此條5毛，碎碎醬你看到快給我錢錢。）

項(xiàng)目地址:?https://github.com/yinxin630/fiora

文檔：https://yinxin630.github.io/fiora/zh-Hans/

演示站點(diǎn):

1. fiora
2. MoeChat

寶塔安裝Fiora

1. 自我安裝好寶塔。（至少CentOS?7.6 裝好nginx）
2. 在 軟件商店 安裝好PM2管理器、MongoDB、Redis，三個(gè)應(yīng)用。
3. 如有外部安全防火墻 請(qǐng)預(yù)先開放9200端口，寶塔開啟9200端口。
4. ssh連接服務(wù)器

5. 先測(cè)試下環(huán)境是否正常 沒有的退出重新連接SSH
node -v
npm -v

6. 拉取源碼并存放于/opt文件夾 如果沒有g(shù)it請(qǐng) yum -y install git
git clone https://github.com/yinxin630/fiora.git -b master?/opt/fiora/

7. 進(jìn)入fiora夾

cd /opt/fiora/

8. 安裝依賴，用yarn來(lái)安裝 沒有yarn的請(qǐng) npm install -g yarn
yarn install

9. 構(gòu)建
yarn build:web

10. 配置 JwtSecret? 請(qǐng)將*****??替換為一個(gè)秘密文本

echo "JwtSecret=******" > .env

11. 啟動(dòng)
yarn start

12. 注冊(cè)用戶

打開 http://你服務(wù)器ip:9200 注冊(cè)第一個(gè)用戶: admin

13. 接下來(lái)配置管理員，先使用Ctrl+C斷開運(yùn)行。

14. 獲取用戶userid?比如admin

fiora getUserId admin

15. 設(shè)置管理員 寶塔打開 /opt/fiora/.env?文件，添加下列一行：（userid是上面取到的一連串文本，注意代換。）

Administrator=userid

16. 再次啟動(dòng)fiora

yarn start

17. 瀏覽器刷新，檢查是否有管理權(quán)限了。沒問(wèn)題使用Ctrl+C斷開運(yùn)行 配置PM2在后臺(tái)運(yùn)行

pm2 start?yarn?--name fiora -- start

18. 刷新聊天室 教程完成！

開機(jī)/重啟后如何啟動(dòng)

cd /opt/fiora/

yarn start

使用Ctrl+C斷開運(yùn)行

pm2 start?yarn?--name fiora -- start

更多配置參考

https://yihttps://yinxin630.github.io/fiora/zh-Hans/docs/confignxin630.github.io/fiora/zh-Hans/docs/config

域名反代

如需要加證書，申請(qǐng)/更換ssl時(shí)需關(guān)閉域名反代。

1. 寶塔面板里面，先點(diǎn)擊左側(cè)網(wǎng)站，添加站點(diǎn)，然后再點(diǎn)擊添加好了的域名
2. 網(wǎng)址 -?域名?- 設(shè)置- 反向代理 - 增加反向代理
3. 目標(biāo)URL http://127.0.0.1:9200

打開你的域名，就可以看到Fiora在運(yùn)行了。
其它的設(shè)置事項(xiàng)，請(qǐng)參考官方說(shuō)明。

緩存問(wèn)題

1.緩存問(wèn)題 如修改后 ip:9200 訪問(wèn)正常?域名訪問(wèn)還是舊文件

暫停域名反代

關(guān)閉 反向代理的 開啟緩存

刪除反向代理-->配置文件里 expires 12h;

清空 /www/server/nginx/proxy_cache_dir/ 夾里文件

清空 /www/server/nginx/proxy_temp_dir/ 夾里文件

如有cdn 也需要清除cdn緩存

開啟域名反代

強(qiáng)制刷新/清空瀏覽器緩存/換個(gè)瀏覽器 重新訪問(wèn)

DIY

需在聊天室無(wú)啟用的情況下修改 修改完需重構(gòu)

側(cè)邊：?/opt/fiora/packages/web/src/modules/Sidebar/ （這個(gè)夾里都是有關(guān)側(cè)邊的，主要文件是Sidebar.tsx）

主頁(yè):?/opt/fiora/packages/web/src/template.html

圖標(biāo): /opt/fiora/packages/server/public/（這個(gè)夾里三個(gè)帶logo圖片就是了）

修改好后

進(jìn)入:??cd /opt/fiora/

重構(gòu):??yarn build:web

啟動(dòng):??yarn start

瀏覽器Ctrl+F5強(qiáng)制刷新聊天室 檢查修改是否成功 有問(wèn)題 使用Ctrl+C斷開運(yùn)行 重新修改完再次?重構(gòu) 啟動(dòng)?待所有沒問(wèn)題后

使用Ctrl+C再次斷開運(yùn)行用，使用PM2后臺(tái)運(yùn)行就可以了：

pm2 start?yarn?--name fiora -- start

DIY結(jié)束

遷移

MongoDB數(shù)據(jù)庫(kù)和 public下的文件遷移了就行