GitHub：https://github.com/yinxin630/fiora/blob/master/doc/README.ZH.md

demo：https://fiora.suisuijiang.com/

功能

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

目录结构

|– \[build\] // webpack构建  
|– \[client\] // 客户端代码  
|– \[config\] // 配置  
|– \[dist\] // 打包输出目录  
|– \[doc\] // 文档  
|– \[public\] // 静态资源  
|– \[server\] // 服务端代码  
|– \[utils\] // 工具方法  
|– .babelrc // babel配置  
|– .eslintignore // eslint忽略配置  
|– .eslintrc // eslint规则配置  
|– .gitignore // git忽略配置  
|– .nodemonrc // nodemon配置  
|– package-lock.json // npm  
|– package.json // npm  
|– yarn.lock // yarn

安装与运行

前置条件

要运行Fiora, 你需要具备Node.js(>= 8.9.0版本)环境, Mongodb数据库

在本地运行

第一步

克隆项目到本地 git clone https://github.com/yinxin630/fiora.git -b master

第二步

安装依赖, 推荐使用yarn yarn 或者 npm install

第三步

修改配置文件:

服务端配置: config/server.js
客户端配置: config/client.js
webpack配置: config/webpack.js
服务端配置中, 如果不配置七牛CDN的话, 图片会存储到服务端中. 会增加服务端带宽压力和流量消耗, 因此更推荐使用七牛CDN

七牛CDN配置说明:

qiniuAccessKey 从七牛 个人面板 – 密钥管理 页面获取
qiniuSecretKey 从七牛 个人面板 – 密钥管理 页面获取
qiniuBucket 存储空间的名称
qiniuUrlPrefix 存储空间的域名, 从七牛 存储空间 – 内容管理 页面获取, 需要写成 //xxx/ 或者 http://xxx/ 或者 https://xxx/ 的格式

第四步

启动服务端 npm run server

第五步

启动客户端 npm run client

第六步

浏览器将会自动打开Fiora, 你也可以手动打开地址 http://localhost:8080

在服务器运行

第一步, 第二步, 第三步

与在本地安装相同

第四步

构建客户端 npm run build

移动构建产物到 public 目录 mv dist/fiora/\* public

或者如果你使用了七牛CDN的话, 可以把所以构建产物上次到七牛CDN, 然后仅将 index.html 放到 public 目录, 这样性能会更好

第五步

使用 pm2 启动服务端 export NODE_ENV=production && pm2 start server/main.js –name=“fiora”

第六步

访问地址 http://[服务端ip]:[fiora端口号]