H5聊天系统-仿微信即时通讯 安卓苹果双端IM聊天APP源码+视频教程

H5聊天系统-仿微信即时通讯 安卓苹果双端IM聊天APP源码+视频教程「2020年7月29号版本」

项目背景

前端：

1、项目首先是一个APP，其次是能在其他平台上能够上线。

2、决定用 H5 开发Hybrid APP ,优点在于跨平台，一套代码多端运行，能有效节省开发周期，维护、升级、更新的工作量。

3、且Hybrid APP 开发模式技术已经趋于成熟，性能、原生接口都有不错的体验。

4、天猫、淘宝、京东等很多主流app大都采用这种开发模式，基于H5的Hybrid APP已经是行业趋势。

项目技术栈

前端：

1、用Dcloud 的 uni-app全系。

2、基于vue.js和微信小程序开发模式。

3、目前支持APP（android、ios）、H5、微信小程序、支付宝小程序5端。

4、在特定场景可以用weex进行原生渲染。

5、APP用的是Dcloud 公司的H5+进行原生接口调用。

后端：

1、php 7.2.x，

2、Thinkphp 5.1作HTTP服务（nginx）。

3、getWanWork作socket服务（socket 数据交互方式是二进制数据格式）。

4、redis缓存，特定模块用sqllite缓存模块数据。

5、mysql、mongodb 数据库。

6、JWT进行用户验证。

7、使用 http 进行发送文件

双端：

1、带有双端app源码文件，vue全源开源文件，以及后端开源文件。

源码功能

1、消息提醒：有新的消息可以提醒（数字提醒、声音提醒）。

2、聊天列表：显示最近所有的聊天列表，点击列表某一项可以打开聊天窗口；还可以删除聊天列表项。

3、聊天窗口：可以发生文字消息、图片消息、表情；图片可以预览。

4、站内公告：在顶部显示可以及时显示后台发布的公告。

5、添加朋友：可以搜索对方的帐号名称然后添加到通讯录；添加前需要好友验证才能通过。

6、群聊：显示群聊信息。

7、列表：根据字母分组显示联系人；点击联系人可以查看详情资料；可以删除联系人。

8、游戏：可添加你的官方网站或者游戏网站其它~自定义嵌入第三方网站

9、个人信息：显示头像、昵称、帐号；可以修改头像和昵称。

10、修改密码：可以修改登录密码。

11、朋友圈：可以发动态

源码截图