react项目实战六聊天消息展示页面

新增依赖库

npm install socket.io --save    服务端的
npm install socket.io-client --save   客户端

Scoket.io

• 基于事件的双向通信库

scoket.io与ajax的区别

-基于不同的网络协议
ajax基于http协议，单向，实时获取数据只能通过轮询
scolet.io基于webscoket双向通信协议，后端可以主动推送数据

配合express

一、chat聊天页面

发送消息，前后端联调

用户的识别

（1）在model.js中新建通信需要的字段
从谁发给谁，from—>to

• 使用用户的id来进行聊天对象的判断
  （2）在redux中新建chat.redux.js文件，将聊天信息的发送交由redux管理

在chat.redux.js做发送信息和接收信息时，state状态的变化

（3）将新的reducer函数，在reducer.js文件中合并
（4）在user.js文件中实现接口方法，对数据库进行操作
（5）在chat.js中执行信息的接收和消息列表的请求

co