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

2020年1月31日20:55:06 评论 694 1390字
HXY

演示图

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

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

说明

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

功能

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

项目地址及安装环境

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

所需环境:PM2管理器、MongoDB

注意:512MB的VPS需要先添加虚拟内存,不然构建过程会失败

项目安装

第一步:安装宝塔(https://bt.cn)

#CentOS安装命令
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
#Ubuntu/Deepin安装命令
wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh

第二步:安装环境

安装所需PM2管理器、MongoDB、Nginx(使用域名访问才需要安装,反之不用)

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

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

使用SSH工具连接服务器,并执行一下命令

#拉取源码并存放于/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

一款二次元的Web多人在线网络聊天系统:Fiora安装及使用运行后打开ip:9200,注册一个账号,然后可以看SSH客户端运行日志,获取自己的userId

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

如果ip:9200打不开的,请在宝塔面板的安全中放行9200端

一款二次元的Web多人在线网络聊天系统:Fiora安装及使用
第四步:设置管理员

注册的第一个账号,接下来再将自己的账号设置成管理员,先使用Ctrl+C断开运行

export Administrator=5e2e6d7979ae45506fb638a2 Port=9200
nohup npm start &

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

第五步:设置域名代理

准备好一个解析好的域名,新建好网站,之后,我们在设置中设置,如下:

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

最后

不配置七牛CDN的情况下,客户端资源和用户上载/下载镜像均占用服务器带宽,并发带宽大,服务器容易崩溃,因此强烈建议使用七牛CDN

继续阅读
weinxin
我的微信
如有任何问题或疑问,请添加我的微信咨询哦~
夏天❤
  • 如果文内未有特别说明,所文均为本博客原创文章,转载请标注出处
  • 转载注明:https://www.sevesum.com/281.html - 一款二次元的Web多人在线网络聊天系统:Fiora安装及使用
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: