〖课程介绍〗:

课程将仿微信开发一个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)