uni-app实战之社区交友APP(19)个人空间和聊天交互实现
个人空间页获取用户基本信息,后端提供数据接口;获取个人空间的交互数据和帖子列表;实现判断用户和拉入黑名单。聊天模块封装都在Vuex中完成:聊天时需要先开启websocket;客户端id和用户进行绑定避免恶意连接;接收和发送的消息都会保存到本地缓存,聊天列表和聊天详情分别存储,同时消息需要组织数据格式;发送消息也需要组织数据格式。聊天会话列表需要渲染列表数据、初始化登录状态和更新未读数;聊天历史记录需要获取聊天记录并渲染,同时需要开启和关闭监听;发送消息直接调用全局方法实现即可;消息页实现清除聊天记录。
复制链接