项目介绍

前段时间在B站看到了有一个UP主在讲uni-app即时聊天的项目（逸刻时光），在看了这个视频之后，感觉还是挺有兴趣的，所以在看他的讲解视频之后，就自己动手写了这个即时聊天项目，在样式方面跟（逸刻时光）相比改动的地方还是比较多的，后端的是我使用的是node的koa框架，而（逸刻时光）的up主是使用express，个人觉得还是koa框架用起来比较好用，没有那么多的嵌套，可以使用async和await来解决回调地狱等，另外就是(逸刻时光）的up主更新这个项目是更新的比较慢的，所以前后端的很多问题都得自己去找资料解决，花的时间还是比较多的

更多文章请访问深的个人博客

技术栈

前端

uni-app
weapp.socket.io

后端

node
koa
socket.io
mongodb

node中间件：
images（关于图片的一些操作，在这个项目中用到了图片压缩功能）
jsonwebtoken（生成token）
koa-bodyparser（解析参数）
koa-multer（上传文件）
koa-router（koa框架路由）
koa-static（静态资源）
koa2-cors（解决跨域）
nodemailer（邮件发送）

页面展示

以下照片均为真机测试时的截图

tarbar页面

聊天页

用户搜索-用户详情-用户请求-用户通知

群组

朋友圈

功能简介

用户

注册
登陆
注销
用户信息修改
用户搜索
添加好友
删除好友
好友备注

聊天

图片，语音，定位，文字信息的发送
私聊
群聊
图片浏览

群组

创建
解散（群主的权限功能）
移除群成员（群主的权限功能）
邀请好友加入群组（群成员的功能）
修改群信息（群主的权限功能）
修改群内昵称（群成员的功能）
退出群组（群成员的功能）
转让群主（群主的权限功能）

朋友圈

动态发表，删除，点赞，评论
图片浏览
评论回复
访客记录，删除访客记录
删除通知
留言和留言删除

通知

系统通知
好友申请通知
评论和点赞通知
动态通知
留言通知
访客通知

通知操作：
删除通知
未读通知
标位已读

其他功能

会话表（index页面）：删除对话
好友列表（users页面）：分组导航

项目动图（手机端）展示

图片太大可以缩放网页查看或者在新的标签页查看图片

登陆注册

用户信息

users页面

群组

聊天

加好友

朋友圈

项目动图（H5端）展示

聊天

朋友圈

uni-app 即时聊天相关推荐

直播APP制作时即时聊天功能实现
目前直播app制作很火,直播中的即时聊天功能必不可少.云豹直播作为优质的直播平台源码提供商,在即时聊天功能方面必有其独到之处,下面为大家从如何实现即时聊天这个功能上答疑解惑. 即时聊天这个需求在很多a ...
即时聊天APP（一）
最新写了一个即时聊天的安卓Demo,是基于Bmob后端开发的app,由于Bmob有较大局限性,因此,我并没有按照开发文档来进行开发,只是简单写了一个基本的文字聊天,以后有时间我会自己写一个带服务端的即 ...
基于月活用户数据，全球最受欢迎的即时聊天APP
截至2021年7月,基于月活用户数据,全球最受欢迎的即时聊天APP分别是: 排名 APP TOP 1 WhatsApp TOP 2 Facebook Messenger TOP 3 Weixin/We ...
uniapp开发的即时聊天软件app
uniapp开发的即时聊天软件app,实时聊天,前端用的是uniapp开发,后端用php+gatewayworker开发,不走第三方接口,完全自己独立开发,有需要源码的伙伴可以留言, app下载地址百 ...
即时聊天app开发-即时通讯app开发方案分析
如今,即时聊天APP层出不穷,它已经成为人们日常生活中密不可分的社交工具.如今,即时聊天APP不仅是聊天工具,也是企业营销的利器.我们经常可以在聊天主页上看到一些广告.如有必要,用户可以直接点击广告了 ...
nodejs即时聊天
一直想做一个即时聊天的应用,前几天看到了socket.io,感觉还不错.自己略加改动,感觉挺不错的.官网上给的样例非常easy,以下改进了一点,实现了历史消息的推送. demo地址:chat.code ...
uni-app 即时聊天：朋友圈
在写uni-app即时聊天项目的时候,就想着用uni-app实现微信朋友圈的功能,在完成这些功能的时候,也遇到了很多的问题,比如数据表的设计(个人动态表,朋友圈动态表,通知表等),因为也是第一次去制作 ...
android毗邻(Pilin)即时聊天应用源码
毗邻(Pilin)即时聊天应用源码,承诺的基于xmpp openfire asmack 的即时聊天应用,继续完善,现在只完成了文字.表情.图片的发送.有兴趣的朋友可以继续去完善,不过老实说,代码写得 ...
Node.js + Web Socket 打造即时聊天程序嗨聊（上）
前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前 ...
[前端] Node.js + Web Socket 打造即时聊天程序嗨聊
前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还有那些惊赞的效果及不断推出的新技术.像node.js这样的后端开拓者直接将前端人员的能力扩大到了后端.瞬间就有了一统天下的感觉,来往穿梭于前 ...

uni-app 即时聊天