Node.js+express+MongoDB+socket.io 做的一个即时聊天案例

说明


目录说明:

  • config 配置目录
  • public 公共资源文件目录
  • scripts 框架自带js文件
  • server 服务端文件
  • src 客户端文件
    • component 组件文件
    • container 页面文件
    • redux 常量与redux文件
    • APP.js index.jx 入口文件
    • reducer.js 包含所有的reducer文件
    • store.js 包含store文件,扩展其它插件

演示图片

![Uploading file...]()
演示图片

我是拿某款录屏gif软件录的,导致点击发送消息的时候,发送了两次,实际上只有一次,原因应该是服务端触发了两次广播,懒得改了。。。将就看吧!

项目包说明

antd

蚂蚁金服的react组件

按需加载流程
  • 安装antd

npm install antd --save

  • 暴露eject

npm run eject

  • 安装babel-plugin-import

npm install babel-plugin-import --save

  • 修改package.json如下代码

"babel": { "presets": [ "react-app" ] }

"babel": { "presets": [ "react-app" ], "plugins": [ [ "import", { "libraryName": "antd", "style": "css" } ] ] }

react-router-dom

管理react路由

在浏览器使用需要引入

import {BrowserRouter, Route} from 'react-router-dom'

node-sass

使create-react-app支持sass

npm install node-sass --save

mongoose

管理MongoDB

react-redux

管理redux

redux-thunk

thunk中间件

utility

js加密库

bodyPaser

bodyPaser

cookiePaser

cookiePaser

brwoser-cookies

管理cookie

socket.io

提供socket服务端

socket.io-client

提供socket客户端

github地址:https://github.com/kavience/react-zhaopin
个人小站:http://www.kavience.com/

本作品采用《CC 协议》,转载必须注明作者和本文链接
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!