React_Chat::rocket: react + redux + koa + mongodb搭建的在线聊天室

时间:2024-06-14 06:11:56
【文件属性】:

文件名称:React_Chat::rocket: react + redux + koa + mongodb搭建的在线聊天室

文件大小:10.91MB

文件格式:ZIP

更新时间:2024-06-14 06:11:56

JavaScript

功能已实现 私聊 每个用户登录过后在数据库中记录其socket.id, 发送私聊时找出聊天对象的socket.id, 然后通过io.to(id).emit('new message', message) 发送私聊消息 群聊 以群组信息在数据库存储的_id作为聊天房间id, 用户登录后,对其加入的所有群组执行socket.join(_id),便可接受到来自该房间的人发送的所有消息 发送表情 点击表情图片, 在输入框追加对应的字符串,渲染该消息时,用正则匹配出所有的表情字符串,替换为img标签 上传文件 所有需要用到文件上传的接口处理方式都一致,将文件append到FormData对象中,传给后端,后端将文件上传到七牛云后返回一个文件地址url,然后将该url返回给前端或存储到数据库,后端使用koa-better-body中间件来解析前端参数 创建群组 加入群聊 修改资料 待完成


网友评论