前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Fiora - 一款二次元的Web多人在线网络聊天系统

Fiora - 一款二次元的Web多人在线网络聊天系统

作者头像
kenvie
发布2022-01-20 15:00:53
1.1K0
发布2022-01-20 15:00:53
举报
文章被收录于专栏:kenviekenvie

Fiora是一款偏二次元的 Web多人在线聊天应用,使用 Node.jsMongodbSocket.ioReact编写,UI漂亮,很有意思,可以当做在线客服、在线讨论之类的。

功能

  1. 好友, 群组, 私聊, 群聊
  2. 文本, 图片, 代码, url等多种类型消息
  3. 贴吧表情, 滑稽表情, 搜索表情包
  4. 桌面通知, 声音提醒, 消息语音朗读
  5. 自定义桌面背景, 主题颜色, 文本颜色
  6. 查看在线用户, @功能
  7. 管理员
    • 关小黑屋
    • 撤回消息
    • 给用户打标签
    • 重置用户密码
    • 查看用户 ip

开始安装

  • 自我安装好宝塔。
  • 在 软件商店 安装好PM2管理器、MongoDB、Redis,三个应用。
  • 如有外部安全防火墙 请预先开放9200端口,宝塔开启9200端口。
  • ssh连接服务器

1.安装 Fiora

代码语言:javascript
复制
#拉取源码并存放于/opt文件夹
git clone https://gitee.com/kenvie/fiora.git -b master /opt/fiora      #国内  国内国外二选一
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

这时不要断开ssh

2.注册管理员

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

现在断开ssh

3.给node设置软连接

代码语言:javascript
复制
ln -sf $(which node) /usr/bin/node

4.获取用户userid 比如admin

代码语言:javascript
复制
yarn script getUserId admin

5.设置管理员

取到的Userid替换下面红色的内容然后运行

代码语言:javascript
复制
export Administrator=内容 Port=9200

6.设置启动命令

代码语言:javascript
复制
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
代码语言:javascript
复制
#在开机时启用服务
systemctl start fiora
#在开机时启用服务
systemctl enable fiora
#在开机时禁用服务(此命令不用,仅记录。)
systemctl disable fiora
重构(此命令不用,仅记录。)
npm script build:client

绑定域名

创建一个网站,绑定的域名就填你要绑定的域名,然后看图添加反向代理

大功告成(最好配置一下CDN),然后访问你的域名

版权属于:kenvie

本文链接:https://kenvie.com/29

商业转载请联系作者获得授权,非商业转载请注明出处。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020 年 08 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 功能
    • 开始安装
      • 绑定域名
      相关产品与服务
      内容分发网络 CDN
      内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档