使用node.js, mongodb, socket.io和react编写的在线WEB网页聊天程序–Fiora – 柴郡猫-cheshirex,搬瓦工VPS,bandwagonhost

资源分享

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

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

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端口号]

(0)

本文由 柴郡猫-cheshirex,搬瓦工VPS,bandwagonhost 作者:cheshirex 发表,转载请注明来源!

热评文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

× 4 = 20