Netty Springboot仿微信聊天全栈实战 从0开发到上线部署视频教程

下载地址:百度网盘下载

第1章 课程介绍

本章首先让大家彻底明白通过本课程的学习具体收获有哪些?课程内容具体安排与学习建议,然后为大家简单介绍课程涉及到的技术栈等。

1-1 课程介绍
第2章 netty介绍与相关基础知识

初识netty,学习阻塞与非阻塞,同步与异步,理解BIO、NIO、AIO以及netty的线程模型

2-1 初始netty
2-2 阻塞和非阻塞、同步和异步的概念
2-3 BIO讲解
2-4 NIO讲解
2-5 BIO NIO AIO的区别与理解
2-6 再看netty
2-7 netty的三种线程模型
第3章 使用netty编写第一个hello netty 服务器

从零开始使用netty编写服务器,在网页访问后返回hello netty,主要对服务器启动类,channel初始化器以及助手类讲解,最后会对channel的生命周期进行讲解

3-1 使用maven构建netty基础依赖
3-2 构建hello服务器
3-3 为channel设置初始化器
3-4 编写自定义助手类
3-5 hello服务器启动与讲解
3-6 netty生命周期
第4章 使用netty构建websocket服务器

理解实时通信,使用netty的websocket编写服务端启动类、子处理器以及助手类。 理解JS相关的websocket api,简单使用hbuilder编写通信页面与netty交互并且使用web浏览器与手机端浏览器进行测试数据交互

4-1 实时通信相关概念讲解
4-2 编写websocket服务端启动类
4-3 编写websocket子处理器initialzer
4-4 编写chatHandler对消息的处理
4-5 基于js的websocket相关api介绍
4-6 简单实用hbuilder工具编写前端websocket
4-7 测试web端携手移动端与后端netty聊天通信
第5章 使用MUI与H5+构建移动端app

零基础讲解MUI、H5+以及hbuilder开发工具,构建慕信轻聊的基本骨架

5-1 MUI,H5+,Hbuilder介绍
5-2 创建项目,页面基本结构讲解
5-3 自定义标题栏样式
5-4 真机调试与原生标题栏样式更改
5-5 首页底部tab选项卡的使用,MUI图标库讲解
5-6 使用阿里图标库构建自己的icon库
5-7 tab选项卡切换页面(上)
5-8 tab选项卡切换页面(下)
第6章 使用springboot整合netty搭建后台

对数据库表设计进行讲解并且使用springboot作为主要后台框架,并且整合mybatis以及netty,重构netty server并且整合

6-1 数据库表设计
6-2 使用mybatis逆向工具
6-3 搭建springboot2.0工程
6-4 springboot整合mybatis
6-5 整合netty server
6-6 完成netty整合springboot并且测试
第7章 用户注册/登录/个人信息

开发用户注册登录以及个人信息页面相关功能模块,其中涉及到高性能分布式文件存储服务器fastdfs的搭建,并且使用nginx发布可使用http进行web访问并且下载用户头像和二维码

7-1 注册登录页面讲解与后端接口开发1
7-2 注册登录页面讲解与后端接口开发2
7-3 登录注册页面的判断事件与js自定义util
7-4 登录注册前后端联调
7-5 首页禁止返回和用户自动登录讲解
7-6 开发我的个人页面
7-7 动态初始化个人信息
7-8 打开个人头像页面
7-9 增加可选择菜单
7-10 为菜单增加事件绑定
7-11 选择照片与裁剪插件
7-12 文件服务器概览
7-13 安装tracker服务
7-14 安装storage服务
7-15 配置client并且上传测试图片
7-16 nginx安装与fastdfs配置(上)
7-17 nginx安装与fastdfs配置(下)
7-18 fastdfs 整合springboot
7-19 后端上传图片功能开发
7-20 上传图片前后端联调与测试
7-21 头像上传后跨页面调用自定义事件刷新
7-22 上传头像细节部分处理与openwindow的bug处理
7-23 下载头像到相册
7-24 修改昵称页面
7-25 修改昵称后端接口
7-26 修改昵称前后端联调
7-27 用户二维码生成
7-28 我的二维码作业布置
7-29 我的二维码作业讲解
7-30 用户退出以及简单小结
第8章 发现页面与通讯录相关功能开发

用户可以通过搜索其他用户账号进行好友添加,或者通过用户的唯一二维码进行扫码添加,发送添加请求后其他用户可以拒绝或者同意好友请求

8-1 发现页面编码
8-2 搜索朋友账号接口(上)
8-3 搜索朋友账号接口(下)
8-4 搜索朋友前后端联调
8-5 搜索结果页讲解以及webview传参
8-6 发送添加好友请求接口编码
8-7 前后端连天发送好友请求
8-8 查询好友请求接口
8-9 朋友接受到请求页面联调开发
8-10 好友请求HTML动态渲染
8-11 同意或忽略事件动态绑定
8-12 同意或忽略controller
8-13 同意或忽略的service编写
8-14 好友请求忽略或拒绝前后台联调
8-15 构建扫描器
8-16 扫码器颜色自定义
8-17 扫码添加好友联调
8-18 延时加载预处理数据
8-19 mui 自带索引列表模板讲解
8-20 通讯录列表整合
8-21 图文列表和通讯录整合增加用户头像显示
8-22 查询用户的所有好友列表接口
8-23 手机端获取好友列表保存到本地
8-24 定义通讯录好友列表模型
8-25 通讯录列表渲染展现
8-26 好友请求接收方更新通讯录
第9章 聊天页面开发

构建手机端上的聊天页面模型,建立会话,接受发送消息,netty控制点对点消息发送,控制会话重连,聊天记录的本地保存与左滑删除,消息标记未读,消息牵手等。

9-1 聊天页面讲解与展示
9-2 header动态改为好友昵称,动态滚动到最新消息
9-3 发送按钮的颜色状态改变
9-4 弹出软键盘重新设置聊天窗口高度
9-5 发送消息前置条件网络状态判断
9-6 监听网络连接事件
9-7 发送消息html渲染
9-8 接收消息html渲染
9-9 发送消息与接收消息时的铃声播放
9-10 手机端websocket模型定义和发送消息
9-11 websocket接受消息的渲染_x264
9-12 服务器断开后的重连机制
9-13 chatHandler初步重构
9-14 构建聊天业务模型
9-15 chatHandler - 处理客户端连接
9-16 chatHandler - 保存聊天消息到数据库
9-17 chatHandler - 处理消息发送
9-18 chatHandler - 签收单条或多条消息
9-19 客户端onopen联调,初始化用户和channel关系
9-20 客户端发送消息与接收联调
9-21 接收方获得消息后重构渲染
9-22 客户端签收消息
9-23 websocket新增好友类型联调
9-24 保存聊天记录到本地
9-25 从本地获取聊天记录
9-26 初始化聊天记录和渲染
9-27 聊天快照业务简单讲解
9-28 保存聊天快照到本地
9-29 获取聊天快照
9-30 已读未读消息的设置与快照调用
9-31 展示聊天快照
9-32 未读消息小红点标记
9-33 点击快照开始聊天
9-34 未读消息标记已读
9-35 开发获取未读消息列表接口
9-36 前端获取未读消息列表
9-37 批量签收并且展示未读消息
9-38 聊天快照左滑删除效果
9-39 聊天快照右滑删除聊天记录与快照
第10章 使用netty编写心跳检测

app不会主动和服务端切断,只会有可能发生离线或者关机或者飞行模式,所以需要在后台控制心跳,检测客户端的读写请求来判断是否清除无用的channel。同时手机端也要保持一定的keepalive。未接受到的消息在用户下次打开后重新获取。 ...

10-1 心跳机制的概念与飞行模式
10-2 心跳HeartBeatHandler编码
10-3 配置空闲handler与超时时间设置
10-4 手机端与netty的心跳测试
10-5 前端keepalive保持,与心跳测试
第11章 后端云部署与app云打包

本章节做为上线部分,需要购买云服务器,采用腾讯云,会对其进行讲解,然后搭建基本环境,包含JDK、tomcat、MariaDB、fastdfs、nginx,springboot打包与部署。最后对手机app进行云打包

11-1 云服务器购买推荐及安全组介绍与关联
11-2 文件传输工具的使用
11-3 命令行工具的简单使用
11-4 云服务器配置JDK环境
11-5 云服务器安装tomcat
11-6 云服务器离线安装MariaDB
11-7 云服务器MariaDB安全设置与客户端连接调试
11-8 云服务器安装图片服务器的注意事项以及nginx反向代理tomcat服务器
11-9 springboot工程打包
11-10 打包文件上传到云服务器并且进行tomcat部署
11-11 app云打包
第12章 课程总结

课程总结

12-1 课程总结

原文地址:https://www.cnblogs.com/yeeday/p/9864035.html

时间: 2024-11-08 02:13:22

Netty Springboot仿微信聊天全栈实战 从0开发到上线部署视频教程的相关文章

Netty/Springboot仿微信聊天全栈实战 从0开发到上线部署

第1章 课程介绍本章首先让大家彻底明白通过本课程的学习具体收获有哪些?课程内容具体安排与学习建议,然后为大家简单介绍课程涉及到的技术栈等.1-1 课程介绍 第2章 netty介绍与相关基础知识初识netty,学习阻塞与非阻塞,同步与异步,理解BIO.NIO.AIO以及netty的线程模型2-1 初始netty2-2 阻塞和非阻塞.同步和异步的概念2-3 BIO讲解2-4 NIO讲解2-5 BIO NIO AIO的区别与理解2-6 再看netty2-7 netty的三种线程模型 第3章 使用net

小程序版聊天室|聊天小程序|仿微信聊天界面小程序

仿微信聊天小程序weChatRoom案例,一款基于微信小程序开发的聊天室实战项目.很早之前就有开发过一个h5版聊天室,最近又在原先思路的基础上开发了个小程序版聊天室,功能效果非常接近微信聊天,实现了消息.表情发送,小程序表情解析,图片.视频上传预览,打赏.红包等微交互场景.整体界面风格及效果挺不错哒. ◆ 先睹为快 ◆ 项目中用到的弹窗插件,是自己开发的小程序弹窗组件wcPop: <!-- <>引入弹窗模板.Start --><import src="/utils/

iOS_29仿微信聊天界面

最终效果图: 自定义cell的封装 BeyondCell // // BeyondCell.h // 29_仿微信聊天 // // Created by beyond on 14-9-4. // Copyright (c) 2014年 com.beyond. All rights reserved. // #import <UIKit/UIKit.h> @class BeyondCellFrame; @interface BeyondCell : UITableViewCell // 一行自定

HTML5仿微信聊天界面、微信朋友圈实例

这几天使用H5开发了一个仿微信聊天前端界面,尤其微信底部编辑器那块处理的很好,使用HTML5来开发,虽说功能效果并没有微信那么全,但是也相当不错了,可以发送消息.表情,发送的消息自动回滚定位到底部,另外可以对消息.图片.视频有不同的右键处理提示,还有打赏.占屏等操作. html代码片段: <!--BEGIN 打赏--> <div class="js_dialog" id="J_Dialog_dashang" style="display:

CSS3 仿微信聊天小气泡

今天给大家分享一个我刚做的项目中的一个小案例, 因为我们在做一个聊天的功能,之前的聊天页面UI很丑,我就不在这里展示给大家了. 现在就教大家怎么用css3制作一个和微信聊天界面一样的页面. 首先给大家看看页面的样子吧,如下图所示: 小月博客仿微信聊天界面 页面大致就是这个样子,接下来我们来一起学习制作步骤吧. 第一部分: HTML <div class="leftd">     <span ng-class="leftd_h">       

web版仿微信聊天界面|h5仿微信电脑端案例开发

前几天开发了一款手机端h5仿微信聊天,人唯有不停学习才能进步,这段时间倒腾着整理了下之前项目,又重新在原先的那版基础上开发了一款仿微信聊天电脑端web版本,聊天页面又重新优化了多图预览.视频播放,右键菜单menu,聊天底部编辑器模块重新优化源码,弹窗则是继续使用之前自己开发的wcPop.js,具体看项目效果图吧! 效果图: // ...表情.选择区切换 $(".wc__editor-panel").on("click", ".btn", func

Taro聊天室|react+taro仿微信聊天App界面|taro聊天实例

一.项目简述 taro-chatroom是基于Taro多端实例聊天项目,运用Taro+react+react-redux+taroPop+react-native等技术开发的仿微信App界面聊天室,实现了发送消息/emoj表情.gif表情大图.图片预览.发红包.动态圈等功能. 二.预览效果 编译到H5端.小程序.App端效果如下:(后续大图均为APP端) 三.技术栈 编码/技术:Vscode + react/taro/redux/RN iconfont图标:阿里字体图标库 自定义导航栏Navig

网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点

前言: 之前编写了一个网页闯关游戏(类似Riddle Game), 除了希望大家能够体验一下我的游戏外. 也愿意分享编写这个网页游戏过程中, 学到的一些知识. 本文讲描述, 如何在网页端实现一个仿微信的聊天窗口界面, 以及其中涉及到的一些技术点. 作者前端是初学者, 请大拿们轻拍. 效果展示: 先打下广告: 网页闯关游戏入口(请狠狠地点击我, ^_^) . 仿微信窗口的设计源于第四关--倾听女神的故事. 这种聊天对话的布局模式, 比PC端QQ的那种聊天方式更贴近移动端, 我个人感觉. 需求设定:

HTML5+weui仿微信聊天功能、长按删除功能

最近由于项目需要, 就运用html5+css3+weui+jquery实现的微信聊天小案例,可发表图像.红包.打赏...功能, 还可以长按删除消息... 案例截图如下: HTML及Js片段: <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8" /> <title>消息上墙</title> <meta name=&qu