桃花微信（仿微信）项目介绍

同时开发出App端，小程序端和h5端，

App端采用纯nvue的渲染，性能优越

聊天页可以发送文字和图片，图片可以放大、缩小，也可以发送音频，视频，保存到相册，

通讯录，管理用户好友，有扩展菜单

朋友圈，由于开启了原生的nvue，所以性能很高

个人中心

聊天分为单聊、群聊

置顶聊天，

查找聊天记录

清空聊天记录

投诉用户

修改群聊名称

群二维码

群公告推送

修改我在本群的昵称

删除退出群聊

发起群聊

扫一扫加入群聊

前端包括：

发送消息：文字、图片、音频、短视频、表情包、拍摄、名片等功能

消息可以撤回、转发、收藏、复制

好友：设置备注和标签、推荐名片、设置为星际朋友、设置朋友圈和动态权限、加入黑名单、投诉用户、删除好友，查找添加用户、扫一扫添加用户、发信息、查看朋友圈

朋友圈：更换封面、发朋友圈：文字、图片、短视频、拍摄发布、相册选择发布、谁可以看/点赞、评论

我的：修改个人信息、生成二维码名片、管理我的收藏、账号安全设置、其他设置、退出、切换账号

后端：egg.js

主要特点：心跳机制、Redis高性能持久存储、Restful Api，wss协议、云部署

一、聊天列表页

点击右上角+按钮。可以弹出菜单

 其中发起群聊、添加好友、扫一扫功能都已经实现

添加好友，进入的是搜索界面，和右上角的搜索按钮是一样的

搜索页：

输入用户名，可以搜索到用户，并添加为好友：

 

点击会话可以进入到聊天页

二、聊天页

聊天的时间是人性化的时间

长按聊天内容，可以弹出菜单

可以发送文字、语音还可以发表图片，录像。名片

 点击表情，可以发送表情包，动图

发送图片：

 发送视频：

 录音、图片、短视频，这些都是上传到阿里云对象存储OSS上

断线有重连的功能

 点击右上角的设置按钮，进入聊天设置页

点击+或-按钮，可以进入选择页面，可以添加或踢出人出群

 

点击群二维码，可以打开二维码页

图片略

点击群公告，可以发送群公告

 查询聊天记录，可以搜索

 点击这里，可以修改在群内的昵称

点击 删除并退出，可以退出该群

 

三、通讯录页

按字母顺序排列：

四、发现页

 朋友圈、扫一扫，都已经做好

五、我的 页面

 点击头像，进入个人资料页面

 点击昵称，可以修改昵称

 点击二维码，可进入二维码页面，其他人扫描这个二维码，可以加好友

图片略

 点击设置，可以退出登录

 六、发起群聊

点击发起群聊，可以到创建群组界面，可以建群

 点击群聊，可以进入群聊列表页面

七、用户信息页

点击好友头像，可以进入用户信息页

 点击右上角的设置按钮，

会出现功能菜单

 点击设置备注和标签，可以修改备注

 点击“把他推荐给朋友”

 选定一个朋友后，就可以把当前好友的名片，发送给对方

 发送名片界面，其他人收到后，点击这个名片就可以加好友或者发消息

 点击设置星标好友

 可以给用户标星

那么，再次点击设置按钮，菜单就变成取消星标了

点击之后，就可以取消星标

点击加入黑名单按钮，出现弹窗提示

 

 那么按钮就变成了“移除黑名单”按钮

如果需要移动黑名单，只需要点击这个按钮即可

 投诉和删除按钮，也都有对应的内容

有人点击添加好友

点击添加

 新的朋友中，就出现了提示

 点击新的朋友，

 点击同意按钮

 就成功的处理好了好友申请了

 点击设置朋友圈和动态权限按钮，可以设置朋友圈

八、朋友圈页

 点击发送朋友圈，可以发送图文、短视频、文字等朋友圈内容

朋友圈点赞和评论功能