新增依赖库
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