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/yuandaima/p/10311978.html

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

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的三

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

仿微信聊天小程序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