一款二次元的Web多人在线网络聊天系统：Fiora安装及使用

说明：Fiora是一款偏二次元的Web多人在线聊天应用，使用Node.js、Mongodb、Socket.io和React编写，使用起来还行，挺简洁的，这里水个搭建教程，有兴趣的可以玩玩。

截图

请输入图片描述

功能

好友，群组，私聊，群聊
文本，图片，代码，url等多种类型消息
贴吧表情，滑稽表情，搜索表情包
桌面通知，声音提醒，语音播报
自定义桌面背景，主题颜色，文本颜色
查看在线用户，@功能
小黑屋禁言

手动安装

Github地址：https://github.com/yinxin630/fiora

所需环境：Nodejs >= 8.9.0、Mongodb。

说明：512M内存vps可能还需要先加一点虚拟内存，不然构建过程会失败，可以使用Swap一键脚本→传送门。

1、安装Nodejs

#Debian/Ubuntu系统
curl -sL https://deb.nodesource.com/setup_10.x | bash -
apt install -y git nodejs 

#CentOS系统
curl -sL https://rpm.nodesource.com/setup_10.x | bash -
yum install nodejs git -y

2、安装Mongodb

#CentOS 6系统，将下面命令一起复制进SSH客户端运行
cat <<EOF > /etc/yum.repos.d/mongodb.repo
[mongodb-org-4.0]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/6/mongodb-org/4.0/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-4.0.asc
EOF
yum -y install mongodb-org

#CentOS 7系统，将下面命令一起复制进SSH客户端运行
cat <<EOF > /etc/yum.repos.d/mongodb.repo
[mongodb-org-4.0]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/7/mongodb-org/4.0/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-4.0.asc
EOF
yum -y install mongodb-org

#Debian 8系统
apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 9DA31620334BD75D9DCB49F368818C72E52529D4
echo "deb http://repo.mongodb.org/apt/debian jessie/mongodb-org/4.0 main" | tee /etc/apt/sources.list.d/mongodb-org-4.0.list
apt update -y
apt install -y mongodb-org

#Debian 9系统
curl https://www.mongodb.org/static/pgp/server-4.0.asc | apt-key add -
echo "deb http://repo.mongodb.org/apt/debian stretch/mongodb-org/4.0 main" | tee /etc/apt/sources.list.d/mongodb-org-4.0.list
apt-get update -y
apt-get install -y mongodb-org

#Debian 10系统
curl https://www.mongodb.org/static/pgp/server-4.2.asc | apt-key add -
echo "deb http://repo.mongodb.org/apt/debian buster/mongodb-org/4.2 main" | tee /etc/apt/sources.list.d/mongodb-org-4.2.list
apt update -y
apt install -y mongodb-org

#Ubuntu 16.04系统
apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 9DA31620334BD75D9DCB49F368818C72E52529D4
echo "deb https://repo.mongodb.org/apt/ubuntu xenial/mongodb-org/4.0 multiverse" | tee /etc/apt/sources.list.d/mongodb-org-4.0.list
apt update -y
apt install -y mongodb-org

#Ubuntu 18.04、18.10、19.04系统
apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 9DA31620334BD75D9DCB49F368818C72E52529D4
echo "deb https://repo.mongodb.org/apt/ubuntu bionic/mongodb-org/4.0 multiverse" | tee /etc/apt/sources.list.d/mongodb-org-4.0.list
apt update -y
apt install -y mongodb-org

如果导入公匙时出现gnupg, gnupg2 and gnupg1 do not seem to be installed错误，使用apt install -y gnupg2，然后重新导入即可。

启动Mongodb并设置开机自启：

#CentOS 6系统
service mongod start
chkconfig mongod on

#CentOS 7、Debian、Ubuntu系统
systemctl start mongod
systemctl enable mongod

3、安装fiora

#拉取源码并存放于/opt文件夹
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
#转移产物
npm run move-dist
#启动
npm start

运行后打开ip:9200，注册一个账号，然后可以看SSH客户端运行日志，获取自己的userId。

#这里注册或登录的时候返回的信息，后面的5d329dd354b9则为自己的userId
<-- getLinkmansLastMessages  mYNheu93jds7 5d329dd354b9

如果ip:9200打不开的，可以检查下防火墙，CentOS系统可以使用以下命令：

#CentOS 6
iptables -I INPUT -p tcp --dport 9200 -j ACCEPT
service iptables save
service iptables restart

#CentOS 7
firewall-cmd --zone=public --add-port=9200/tcp --permanent
firewall-cmd --reload

像阿里云等，还需要额外在安全组开放端口。

接下来再将自己的账号设置成管理员，先使用Ctrl+C断开运行。

新建Systemd配置文件，只适用于CentOS 7、Debian 8+、Ubuntu 16+等。

#先修改你的userId和运行端口后复制到SSH运行
Administrator=5d329dd354b9
Port=9200
#新建fiora用户并授权
useradd -M fiora && usermod -L fiora
chown -R fiora:fiora /opt/fiora
#新建systemd配置文件，将以下代码一起复制到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=Administrator=$Administrator Port=$Port
User=fiora
Restart=on-failure
RestartSec=42s

[Install]
WantedBy=multi-user.target
EOF

开始启动并设置开机自启：

systemctl start fiora
systemctl enable fiora

其它系统，比如CentOS、Debian 7等系统，可以直接使用以下方法启动：

#管理员userId和运行端口自行修改
export Administrator=5d329dd354b9 Port=9200
nohup npm start &

此时就可以访问ip:9200，运行端口以你设置的为准，这时候你登陆的时候，会发现左侧多了个管理员图标。

4、域名反代
如果你想使用域名的话，这里依旧使用Caddy反代，操作如下：

安装Caddy：

wget -N --no-check-certificate https://raw.githubusercontent.com/iiiiiii1/doubi/master/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh
#备用地址
wget -N --no-check-certificate https://www.moerats.com/usr/shell/Caddy/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh

配置Caddy：

#以下全部内容是一个整体，请修改域名后一起复制到SSH运行！

#http访问，该配置不会自动签发SSL
echo "www.moerats.com {
 gzip
 proxy / 127.0.0.1:9200 {
    websocket
    header_upstream Host {host}
    header_upstream X-Real-IP {remote}
    header_upstream X-Forwarded-For {remote}
    header_upstream X-Forwarded-Port {server_port}
    header_upstream X-Forwarded-Proto {scheme}
  }
}" > /usr/local/caddy/Caddyfile

#https访问，该配置会自动签发SSL，请提前解析域名到VPS服务器
echo "www.moerats.com {
 gzip
 tls admin@moerats.com
 proxy / 127.0.0.1:9200 {
    websocket
    header_upstream Host {host}
    header_upstream X-Real-IP {remote}
    header_upstream X-Forwarded-For {remote}
    header_upstream X-Forwarded-Port {server_port}
    header_upstream X-Forwarded-Proto {scheme}
  }
}" > /usr/local/caddy/Caddyfile

tls参数会自动帮你签发ssl证书，如果你要使用自己的ssl，改为tls /root/xx.crt /root/xx.key即可。后面为ssl证书路径。

启动Caddy：

/etc/init.d/caddy start

就可以打开域名进行访问了。

如果你想修改默认的频道名称的话，可以编辑config/server.js文件，修改最下面的代码：

defaultGroupName: 'fiora',

然后重启应用即可。需要使用到七牛云CDN的，可以参考作者给的教程自行设置→传送门

宝塔安装

1、安装宝塔

#CentOS系统
wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
#Ubuntu系统
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh
#Debian系统
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh

安装完成后，进入面板，点击左侧软件商店，然后安装PM2管理器、MongoDB、Nginx(使用域名访问才需要安装，反之不用)。

注意：Debian安装MongoDb之前还需要使用命令apt install sudo，不然可能存在MongoDb启动不了的情况；如果你已经安装了MongoDb，那就先使用apt install sudo，再使用/etc/init.d/mongodb start启动即可。

2、安装fiora
该步骤参考上面的手动步骤3，区别在于新建systemd配置文件的时候，Environment参数还需要加一样，不然启动可能失败。

只需要把新建systemd配置文件步骤换成下面这个，其它一模一样。

#先给node做个软连接，不然后面会启动失败
ln -sf $(which node) /usr/bin/node
#修改运行端口，可以默认
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=fiora
Restart=on-failure
RestartSec=42s

[Install]
WantedBy=multi-user.target
EOF

3、域名反代
先点击左侧网站，添加站点，然后再点击添加好了的域名名称，这时候就进入了站点配置，点击配置文件，在中间添加以下代码：

location / {
    proxy_pass http://127.0.0.1:9200;
    proxy_set_header Host             $host;
    proxy_set_header X-Real-IP        $remote_addr;
    proxy_set_header X-Forwarded-For  $proxy_add_x_forwarded_for;

    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_set_header X-Forward-Proto http;
    proxy_set_header X-Nginx-Proxy true;
    proxy_http_version 1.1;

    proxy_redirect off;
}

其它的就自己慢慢摸索吧，博主也没过多使用，有问题可以直接去Github Issues反馈。

发表评论取消回复

评论 *

私密评论

名称 *

邮箱 *

地址

148 条评论

Mr.Li
January 31st, 2020 at 01:23 pm

不会啊。。。打扰了

回复
Mr.Lin
January 5th, 2020 at 08:11 pm

Caddy 套cf反代出现重定向的次数过多，大佬这个咋决解啊。。

回复
1. Rat's博主
  January 5th, 2020 at 11:22 pm
  
  @Mr.Lin
  下掉caddy的ssl配置
  
  回复
  1. Mr.Lin
    January 6th, 2020 at 01:15 am
    
    @Rat's
    cf cdn 强制ssl 还是重定向太多，已经去掉tls，搞不定了。
    
    回复
    
    Rat's博主
    January 6th, 2020 at 07:36 pm
    
    @Mr.Lin
    一般cf重定向，就是服务端也搞了重定向，比如ssl啥的，目前知道的就这么个因素
    
    回复
    
    Mr.Lin
    January 6th, 2020 at 10:23 pm
    
    @Rat's
    对，caddy会自动ssl重定向，不不知道咋去掉，就想套个cf
    
    回复
    
    Rat's博主
    January 7th, 2020 at 11:50 am
    
    @Mr.Lin
    把配置文件 tls一行代码去掉，然后重启，应该就可以了
    
    回复
    
    Mr.Lin
    January 10th, 2020 at 12:58 am
    
    @Rat's
    不行，还是会重定向太多。。
    
    回复
    
    Rat's博主
    January 11th, 2020 at 12:12 am
    
    @Mr.Lin
    那就不清楚了，不知道你那详细情况
    
    回复
    
    Mr.Lin
    January 15th, 2020 at 10:12 pm
    
    @Rat's
    宝塔运行 systemctl start fiora 显示 Failed to start fiora.service: Unit not found.咋回事啊，哪里没设置对吗？
    
    回复
    
    Rat's博主
    January 16th, 2020 at 12:08 am
    
    @Mr.Lin
    没这个文件？/etc/systemd/system/fiora.service
    
    回复
qxbug
December 6th, 2019 at 12:59 pm

左侧导航怎么修改啊
找到了位置修改完了重启也不生效
nodejs好难

回复
1. hanke
  January 9th, 2020 at 05:48 pm
  
  @qxbug
  是啊不知道怎么修改
  
  回复
  1. Rat's博主
    January 9th, 2020 at 08:39 pm
    
    @hanke
    改了好像要重新打包。
    
    回复
果子
December 1st, 2019 at 04:12 pm

ipv6服务器可以弄么

回复
1. Rat's博主
  December 1st, 2019 at 11:44 pm
  
  @果子
  按理说没啥问题，你试试
  
  回复
KKOS
November 30th, 2019 at 07:19 pm

管理员模式怎么添加出来的

回复
1. Rat's博主
  December 1st, 2019 at 12:36 am
  
  @KKOS
  一种加变量的方式，也就是文中写的，还一种直接修改配置文件里的administrator user id。
  
  回复
  1. 阿卡拉
    February 8th, 2020 at 01:28 pm
    
    @Rat's
    // administrator user id
    administrator: options.administrator || env.Administrator || '',
    请问这一段是怎么修改？不太清楚，是这样吗？
    // administrator user id
    administrator: options.5d329dd354b9 || env.Administrator || '',
    
    回复
    
    Rat's博主
    February 9th, 2020 at 12:11 am
    
    @阿卡拉
    应该是这样administrator: options.administrator || env.Administrator || '5d329dd354b9',
    
    回复
79
November 14th, 2019 at 05:05 am

该评论仅登录用户及评论双方可见

回复
1. Rat's博主
  November 14th, 2019 at 10:10 am
  
  @79
  国内机器么？
  
  回复
樱花の风誓
October 9th, 2019 at 05:44 pm

求问一下大佬，我设置了自己为管理员后，频繁说话依旧会被限制（你处于萌新限制器xxxxx）这个该怎么解决啊

回复
1. 樱花の风誓
  October 9th, 2019 at 05:46 pm
  
  @樱花の风誓
  该评论仅登录用户及评论双方可见
  
  回复
  1. Rat's博主
    October 9th, 2019 at 11:53 pm
    
    @樱花の风誓
    这个问题可以在这里反馈下：https://github.com/yinxin630/fiora/issues
    
    回复
clutchJoe
October 5th, 2019 at 05:20 pm

想问一下要怎么清除聊天记录呢？例如图片太多，想删除掉

回复
1. Rat's博主
  October 6th, 2019 at 11:33 am
  
  @clutchJoe
  这个没尝试过，可能需要从数据库下手
  
  回复
locyoo
September 25th, 2019 at 02:37 pm

该评论仅登录用户及评论双方可见

回复
1. Rat's博主
  September 25th, 2019 at 11:11 pm
  
  @locyoo
  作者是要你去数据库进行相关删除操作，如果你不会使用mongodb命令行，推荐一个mongodb的web管理界面你adminmongodb，github地址：https://github.com/mrvautin/adminMongo
  
  回复
hh
September 10th, 2019 at 04:28 pm

不能上传图片，传完就是空的，这是什么原因呢？

回复
1. hh
  September 10th, 2019 at 06:12 pm
  
  @hh
  找到原因了,是所有图片默认的链接前有一个172.24.215.136的IP地址,但是不知道去哪修改
  
  回复
  1. Rat's博主
    September 11th, 2019 at 12:02 am
    
    @hh
    这个好像是局域网ip，你修改config/server.ts，把host:后面删掉，改成'服务器ip'或者域名，然后重启看看。
    最后这方法我没试过，有问题可以接着留言。
    
    回复
    
    hh
    September 11th, 2019 at 11:07 am
    
    @Rat's
    host: options.host || env.Host || ip.address(),
    
    回复
    
    hh
    September 11th, 2019 at 11:09 am
    
    @hh
    大佬，我不会修改
    
    回复
    
    hh
    September 11th, 2019 at 11:15 am
    
    @hh
    已经改好啦, host: "IP地址" 即可,谢谢大佬
    
    回复