Netty+Spring Boot仿微信-全栈开发高性能后台及客户端

74

〖课程介绍〗:

课程将仿微信开发一个App，其中涉及 Netty的websocket开发、SpringBoot开发、MUI与H5Plus（H5+）以及Nginx+FastDFS分布式文件系统搭建与使用等。学完后你也能开发出一个高水平的App，并且发布上线。

〖课程目录〗:

• 第1章 课程介绍 试看2 节 | 8分钟
• 本章首先让大家彻底明白通过本课程的学习具体收获有哪些？课程内容具体安排与学习建议，然后为大家简单介绍课程涉及到的技术栈等。
• 收起列表
• • 图文：1-1 课前必读（不看会错过一个亿）
  • 视频：1-2 课程介绍 (07:40)试看
• 第2章 netty介绍与相关基础知识 试看7 节 | 37分钟
• 初识netty，学习阻塞与非阻塞，同步与异步，理解BIO、NIO、AIO以及netty的线程模型
• 收起列表
• • 视频：2-1 初始netty (07:50)试看
  • 视频：2-2 阻塞和非阻塞、同步和异步的概念 (03:32)
  • 视频：2-3 BIO讲解 (03:04)
  • 视频：2-4 NIO讲解 (04:17)
  • 视频：2-5 BIO NIO AIO的区别与理解 (05:51)
  • 视频：2-6 再看netty (03:58)
  • 视频：2-7 netty的三种线程模型 (07:27)
• 第3章 使用netty编写第一个hello netty 服务器6 节 | 61分钟
• 从零开始使用netty编写服务器，在网页访问后返回hello netty，主要对服务器启动类，channel初始化器以及助手类讲解，最后会对channel的生命周期进行讲解
• 收起列表
• • 视频：3-1 使用maven构建netty基础依赖 (05:53)
  • 视频：3-2 构建hello服务器 (14:12)
  • 视频：3-3 为channel设置初始化器 (10:55)
  • 视频：3-4 编写自定义助手类 (12:59)
  • 视频：3-5 hello服务器启动与讲解 (07:38)
  • 视频：3-6 netty生命周期 (08:33)
• 第4章 使用netty构建websocket服务器 试看7 节 | 69分钟
• 理解实时通信，使用netty的websocket编写服务端启动类、子处理器以及助手类。 理解JS相关的websocket api，简单使用hbuilder编写通信页面与netty交互并且使用web浏览器与手机端浏览器进行测试数据交互
• 收起列表
• • 视频：4-1 实时通信相关概念讲解 (05:29)
  • 视频：4-2 编写websocket服务端启动类 (04:47)试看
  • 视频：4-3 编写websocket子处理器initialzer (12:02)
  • 视频：4-4 编写chatHandler对消息的处理 (16:14)
  • 视频：4-5 基于js的websocket相关api介绍 (03:42)
  • 视频：4-6 简单实用hbuilder工具编写前端websocket (15:29)
  • 视频：4-7 测试web端携手移动端与后端netty聊天通信 (11:04)
• 第5章 使用MUI与H5+构建移动端app8 节 | 79分钟
• 零基础讲解MUI、H5+以及hbuilder开发工具，构建慕信轻聊的基本骨架
• 收起列表
• • 视频：5-1 MUI,H5+，Hbuilder介绍 (07:35)
  • 视频：5-2 创建项目，页面基本结构讲解 (08:38)
  • 视频：5-3 自定义标题栏样式 (04:02)
  • 视频：5-4 真机调试与原生标题栏样式更改 (12:29)
  • 视频：5-5 首页底部tab选项卡的使用，MUI图标库讲解 (07:14)
  • 视频：5-6 使用阿里图标库构建自己的icon库 (09:53)
  • 视频：5-7 tab选项卡切换页面（上） (18:01)
  • 视频：5-8 tab选项卡切换页面（下） (11:02)
• 第6章 使用springboot整合netty搭建后台7 节 | 46分钟
• 对数据库表设计进行讲解并且使用springboot作为主要后台框架，并且整合mybatis以及netty，重构netty server并且整合
• 收起列表
• • 视频：6-1 数据库表设计 (06:40)
  • 视频：6-2 使用mybatis逆向工具 (07:06)
  • 视频：6-3 搭建springboot2.0工程 (09:06)
  • 视频：6-4 maven配置国内镜像 (05:09)
  • 视频：6-5 springboot整合mybatis (05:23)
  • 视频：6-6 整合netty server (09:31)
  • 视频：6-7 完成netty整合springboot并且测试 (02:33)
• 第7章 用户注册/登录/个人信息34 节 | 306分钟
• 开发用户注册登录以及个人信息页面相关功能模块，其中涉及到高性能分布式文件存储服务器fastdfs的搭建，并且使用nginx发布可使用http进行web访问并且下载用户头像和二维码
• 收起列表
• • 视频：7-1 注册登录页面讲解与后端接口开发1 (14:25)
  • 视频：7-2 注册登录页面讲解与后端接口开发2 (15:00)
  • 视频：7-3 登录注册页面的判断事件与js自定义util (19:28)
  • 视频：7-4 登录注册前后端联调 (21:37)
  • 视频：7-5 首页禁止返回和用户自动登录讲解 (05:04)
  • 视频：7-6 开发我的个人页面 (15:50)
  • 视频：7-7 动态初始化个人信息 (10:15)
  • 视频：7-8 打开个人头像页面 (12:00)
  • 视频：7-9 增加可选择菜单 (06:21)
  • 视频：7-10 为菜单增加事件绑定 (03:57)
  • 视频：7-11 选择照片与裁剪插件 (09:45)
  • 视频：7-12 文件服务器概览 (06:57)
  • 视频：7-13 安装tracker服务 (13:37)
  • 视频：7-14 安装storage服务 (05:25)
  • 视频：7-15 配置client并且上传测试图片 (05:32)
  • 视频：7-16 nginx安装与fastdfs配置（上） (07:52)
  • 视频：7-17 nginx安装与fastdfs配置（下） (12:36)
  • 视频：7-18 fastdfs 整合springboot (05:54)
  • 视频：7-19 后端上传图片功能开发 (17:40)
  • 视频：7-20 上传图片前后端联调与测试 (07:05)
  • 视频：7-21 服务调用内网互通原则 (05:41)
  • 视频：7-22 实现手机相册选择照片上传 (09:33)
  • 视频：7-23 头像上传后跨页面调用自定义事件刷新 (08:52)
  • 视频：7-24 上传头像细节部分处理与openwindow的bug处理 (06:50)
  • 视频：7-25 下载头像到相册 (12:23)
  • 视频：7-26 修改昵称页面 (07:36)
  • 视频：7-27 修改昵称后端接口 (04:05)
  • 视频：7-28 修改昵称前后端联调 (07:43)
  • 视频：7-29 用户二维码生成 (13:06)
  • 视频：7-30 我的二维码作业布置 (02:25)
  • 视频：7-31 我的二维码作业讲解 (06:19)
  • 视频：7-32 用户退出以及简单小结 (04:45)
  • 作业：7-33 如何通过短信验证来实现用户的一键注册登录整合功能？
  • 作业：7-34 用户的上传的头像每次上传后，老的图片数据，是否需要删除？
• 第8章 发现页面与通讯录相关功能开发26 节 | 231分钟
• 用户可以通过搜索其他用户账号进行好友添加，或者通过用户的唯一二维码进行扫码添加，发送添加请求后其他用户可以拒绝或者同意好友请求
• 收起列表
• • 视频：8-1 发现页面编码 (07:14)
  • 视频：8-2 搜索朋友账号接口（上） (10:13)
  • 视频：8-3 搜索朋友账号接口（下） (09:46)
  • 视频：8-4 搜索朋友前后端联调 (14:07)
  • 视频：8-5 搜索结果页讲解以及webview传参 (09:28)
  • 视频：8-6 发送添加好友请求接口编码 (14:02)
  • 视频：8-7 前后端连天发送好友请求 (06:43)
  • 视频：8-8 查询好友请求接口 (15:34)
  • 视频：8-9 朋友接受到请求页面联调开发 (07:56)
  • 视频：8-10 好友请求HTML动态渲染 (11:34)
  • 视频：8-11 同意或忽略事件动态绑定 (07:55)
  • 视频：8-12 同意或忽略controller (04:54)
  • 视频：8-13 同意或忽略的service编写 (08:16)
  • 视频：8-14 好友请求忽略或拒绝前后台联调 (05:30)
  • 视频：8-15 构建扫描器 (11:12)
  • 视频：8-16 扫码器颜色自定义 (03:36)
  • 视频：8-17 扫码添加好友联调 (09:04)
  • 视频：8-18 延时加载预处理数据 (06:21)
  • 视频：8-19 mui 自带索引列表模板讲解 (06:14)
  • 视频：8-20 通讯录列表整合 (07:25)
  • 视频：8-21 图文列表和通讯录整合增加用户头像显示 (04:10)
  • 视频：8-22 查询用户的所有好友列表接口 (10:43)
  • 视频：8-23 手机端获取好友列表保存到本地 (06:46)
  • 视频：8-24 定义通讯录好友列表模型 (15:09)
  • 视频：8-25 通讯录列表渲染展现 (12:54)
  • 视频：8-26 好友请求接收方更新通讯录 (03:10)
• 第9章 聊天页面开发42 节 | 330分钟
• 构建手机端上的聊天页面模型，建立会话，接受发送消息，netty控制点对点消息发送，控制会话重连，聊天记录的本地保存与左滑删除，消息标记未读，消息牵手等。
• 收起列表
• • 视频：9-1 聊天页面讲解与展示 (08:22)
  • 视频：9-2 header动态改为好友昵称，动态滚动到最新消息 (13:15)
  • 视频：9-3 发送按钮的颜色状态改变 (03:16)
  • 视频：9-4 弹出软键盘重新设置聊天窗口高度 (03:49)
  • 视频：9-5 发送消息前置条件网络状态判断 (07:27)
  • 视频：9-6 监听网络连接事件 (07:16)
  • 视频：9-7 发送消息html渲染 (08:32)
  • 视频：9-8 接收消息html渲染 (04:31)
  • 视频：9-9 发送消息与接收消息时的铃声播放 (07:36)
  • 视频：9-10 手机端websocket模型定义和发送消息 (17:17)
  • 视频：9-11 websocket接受消息的渲染_x264 (06:40)
  • 视频：9-12 服务器断开后的重连机制 (06:41)
  • 视频：9-13 chatHandler初步重构 (09:47)
  • 视频：9-14 构建聊天业务模型 (09:25)
  • 视频：9-15 chatHandler – 处理客户端连接 (05:50)
  • 视频：9-16 chatHandler – 保存聊天消息到数据库 (10:53)
  • 视频：9-17 chatHandler – 处理消息发送 (06:33)
  • 视频：9-18 chatHandler – 签收单条或多条消息 (11:55)
  • 视频：9-19 客户端onopen联调，初始化用户和channel关系 (13:43)
  • 视频：9-20 客户端发送消息与接收联调 (11:14)
  • 视频：9-21 接收方获得消息后重构渲染 (05:34)
  • 视频：9-22 客户端签收消息 (05:38)
  • 视频：9-23 websocket新增好友类型联调 (11:24)
  • 视频：9-24 保存聊天记录到本地 (09:21)
  • 视频：9-25 从本地获取聊天记录 (05:26)
  • 视频：9-26 初始化聊天记录和渲染 (11:54)
  • 视频：9-27 聊天快照业务简单讲解 (03:17)
  • 视频：9-28 保存聊天快照到本地 (08:12)
  • 视频：9-29 获取聊天快照 (02:36)
  • 视频：9-30 已读未读消息的设置与快照调用 (04:21)
  • 视频：9-31 展示聊天快照 (17:51)
  • 视频：9-32 未读消息小红点标记 (06:13)
  • 视频：9-33 点击快照开始聊天 (06:19)
  • 视频：9-34 未读消息标记已读 (11:19)
  • 视频：9-35 开发获取未读消息列表接口 (06:28)
  • 视频：9-36 前端获取未读消息列表 (06:41)
  • 视频：9-37 批量签收并且展示未读消息 (11:46)
  • 视频：9-38 聊天快照左滑删除效果 (06:13)
  • 视频：9-39 聊天快照右滑删除聊天记录与快照 (14:23)
  • 作业：9-40 所有的聊天记录是否要保存？保存到哪里更合适？
  • 作业：9-41 扩展聊天功能
  • 作业：9-42 优化用户表
• 第10章 使用netty编写心跳检测5 节 | 35分钟
• app不会主动和服务端切断，只会有可能发生离线或者关机或者飞行模式，所以需要在后台控制心跳，检测客户端的读写请求来判断是否清除无用的channel。同时手机端也要保持一定的keepalive。未接受到的消息在用户下次打开后重新获取。 …
• 收起列表
• • 视频：10-1 心跳机制的概念与飞行模式 (06:58)
  • 视频：10-2 心跳HeartBeatHandler编码 (11:15)
  • 视频：10-3 配置空闲handler与超时时间设置 (05:33)
  • 视频：10-4 手机端与netty的心跳测试 (03:17)
  • 视频：10-5 前端keepalive保持，与心跳测试 (07:43)
• 第11章 后端云部署与app云打包11 节 | 94分钟
• 本章节做为上线部分，需要购买云服务器，采用腾讯云，会对其进行讲解，然后搭建基本环境，包含JDK、tomcat、MariaDB、fastdfs、nginx，springboot打包与部署。最后对手机app进行云打包
• 收起列表
• • 视频：11-1 云服务器购买推荐及安全组介绍与关联 (13:18)
  • 视频：11-2 文件传输工具的使用 (06:29)
  • 视频：11-3 命令行工具的简单使用 (03:56)
  • 视频：11-4 云服务器配置JDK环境 (04:48)
  • 视频：11-5 云服务器安装tomcat (05:34)
  • 视频：11-6 云服务器离线安装MariaDB (10:55)
  • 视频：11-7 云服务器MariaDB安全设置与客户端连接调试 (08:35)
  • 视频：11-8 云服务器安装图片服务器的注意事项以及nginx反向代理tomcat服务器 (10:00)
  • 视频：11-9 springboot工程打包 (10:05)
  • 视频：11-10 打包文件上传到云服务器并且进行tomcat部署 (05:31)
  • 视频：11-11 app云打包 (14:12)
• 第12章 课程总结1 节 | 2分钟
• 课程总结
• 收起列表
• • 视频：12-1 课程总结 (01:19)