在线WEB网页聊天程序Fiora

Fiora是使用node.js, mongodb, socket.io和react编写的在线WEB网页聊天程序。

功能

好友, 群组, 私聊, 群聊

文本, 图片, 代码, url等多种类型消息

贴吧表情, 滑稽表情, 搜索表情包

桌面通知, 声音提醒, 语音播报

自定义桌面背景, 主题颜色, 文本颜色

查看在线用户, @功能

小黑屋禁言

Service Worker

演示demo:https://fiora.suisuijiang.com/

在线WEB网页聊天程序Fiora

安装与运行

前置条件

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

在本地运行

第一步

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

在线WEB网页聊天程序Fiora

第二步

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

在线WEB网页聊天程序Fiora

第三步

修改配置文件:

服务端配置: 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

在线WEB网页聊天程序Fiora

第五步

启动客户端 npm run client

在线WEB网页聊天程序Fiora

第六步

浏览器将会自动打开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端口号]

源码项目地址:

查看github
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《在线WEB网页聊天程序Fiora》
文章链接:https://www.qqooo.cn/html/918.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
本站资源均来源于网络,若侵犯您的权益,请来信 Feelym@88.com 删除!