宝塔搭建fiora聊天室超全

演示地址

电脑端:haowork 聊天室 👫

手机端:

前言

由于种种原因,可能有一些话不能在主流应用上发送,可能面临禁言和封号的风险,甚至可以找到个人相关信息。这个时候就需要一个网络的聊天室了,远离这些麻烦,一个志同道合而且不会泄露个人信息的聊天室

由宝塔搭建一个网络的聊天室就很方便,即使不懂一些不流行的语言也没关系,完全可以搭建

写一篇博客来详细记录一下搭建过程,请往下看 🌸

fiora

fiora聊天室是基于node.js和react由碎碎酱独自开发的开源网页聊天室,使用socket.io模块WebSocket协议通讯,支持Service Worker和PWA,功能丰富,并且简单易上手,很适合作为学习node.js的参考项目,node.js初学者的福音

项目地址: https://github.com/yinxin630/fiora

文档: https://yinxin630.github.io/fiora/

入门指南:https://yinxin630.github.io/fiora/zh-Hans/docs/getting-start

宝塔安装Fiora

注意如果以下看不懂,请上高速:

高速地址:https://www.bilibili.com/video/BV1ih411Q7xv?t=276

首先基本条件:

  1. 自我安装好宝塔。宝塔官网地址:https://www.bt.cn/download/windows.html
  2. 在 软件商店 安装好PM2管理器、MongoDB、Redis,三个应用。
  3. 如有外部安全防火墙 请预先开放服务器9200端口宝塔开启9200端口
  4. ssh连接服务器

先测试下环境是否正常 没有的退出重新连接SSH

node -v
npm -v

拉取源码并存放于/opt文件夹 如果没有git请 yum -y install git

git clone https://github.com/yinxin630/fiora.git -b master /opt/fiora

进入文件夹

cd /opt/fiora

安装依赖,这里不能用npm,需要用yarn来安装

npm i -g yarn
yarn

构建和转移产物

npm run build:client && npm run move-dist

启动

npm start

注册用户

打开 http://你服务器ip:9200 注册第一个用户: admin

接下来配置管理员和开机自启 ,先使用Ctrl+C断开运行。

先给node做个软连接,不然后面会启动失败

ln -sf $(which node) /usr/bin/node

获取用户userid 比如admin

yarn script getUserId admin

设置管理员 替换下面红色的内容成上面取到的Userid

export Administrator=内容 Port=9200

以下命令一起复制进SSH客户端运行

cat > /etc/systemd/system/fiora.service <<EOF
[Unit]
Description=fiora
After=network.target
Wants=network.target

[Service]
Type=simple
PIDFile=/var/run/fiora.pid
ExecStart=$(command -v npm) start
WorkingDirectory=/opt/fiora
Environment=NODE_ENV=production Administrator=$Administrator Port=$Port
User=root
Restart=on-failure
RestartSec=42s

[Install]
WantedBy=multi-user.target
EOF

设置开机启动

systemctl start fiora

在开机时启用服务

systemctl enable fiora

至此重启,可使管理员权限生效。下面是其它参考内容,如diy fiora,往往需要重启才能生效。

在开机时禁用服务(此命令不用,仅记录。)

systemctl disable fiora

重构(此命令不用,仅记录。)

npm script build:client

更新(此命令不用,仅记录)

拉代码 git pull 重新构建 yarn build:client

域名反代

如需要加证书,申请/更换ssl时需关闭域名反代。

1. 宝塔面板里面,先点击左侧网站,添加站点,然后再点击添加好了的域名
2. 网址 – 域名 – 设置- 反向代理 – 增加反向代理
3. 目标URL http://127.0.0.1:9200

打开你的域名,就可以看到Fiora在运行了。

宝塔ssl证书在这里有免费的,也就是http 转 https


其它的设置事项,请参考官方说明。

注意:

一些修正

以下没有试过,不知道可行性如何

1.套cdn不能注册新用户

进入 opt\fiora\server\routes\user.ts 注释第85 86行。

// const hasRegisteredWithin24Hours = await Redis.has(getNewRegisteredUserIpKey(ctx.socket.ip));
//assert(!hasRegisteredWithin24Hours, ‘系统错误’);

2.缓存问题 如修改后 ip:9200 访问正常 域名访问还是旧文件

暂停域名反代

关闭 反向代理的 开启缓存 

删除反向代理–>配置文件里 expires 12h;  

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

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

如有cdn 也需要清除cdn缓存

开启域名反代

强制刷新/清空浏览器缓存/换个浏览器 重新访问

DIY (改完需重启才生效)

logo:

/opt/fiora/public/favicon-96.png

/opt/fiora/public/favicon-192.png

/opt/fiora/public/favicon-512.png

(public目录为构建产物 重新构建会被覆盖)

index.html

/opt/fiora/client/templates/index.html

/opt/fiora/public/index.html

侧边

/opt/fiora/client/modules/Sidebar/

安全

https://github.com/yinxin630/fiora/blob/master/doc/INSTALL.ZH.md

请按项目配置里提到的方法,在fiora根目录,新建 .env文件 内容如下:

JwtSecret=*****

*为随机字符,改完保存重启服务器。

重启服务器代码

怎么重新构建客户端

yarn build:client && yarn move-dist

教程开源,点个赞再走吧!

The happiest thing in the world is to struggle for the ideal.
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇
"