这是一门视频教程，通过uni-app实战教你如何仿制微信app开发Webapp。由郑楚绵讲师授课，课程涵盖nvue、vuex和egg.js，适合有一定Vue.js基础的学习者，旨在提升开发者在Android、iOS和小程序端的全栈开发能力。
扫码下载「CSDN程序员学院APP」，1000+技术好课免费看
APP订阅课程，领取优惠，最少立减5元 ↓↓↓
订阅后：请点击此处观看视频课程
视频教程-uni-app实战仿微信app开发-Webapp
学习有效期：永久观看
学习时长：3529分钟
学习计划：59天
难度：高
「口碑讲师带队学习，让你的问题不过夜」
讲师姓名：郑楚绵
CEO/董事长/总经理
讲师介绍：帝莎学院创始人&CEO，目前主要从事全栈开发、Python、PHP、小程序、App、Web等技术的研究和开发。专注于实战类教程，授课风趣幽默，讲解条理清晰、通俗易懂，能举一反三，发散学生的思维，指引学生发掘适合自己的学习方法。
☛点击立即跟老师学习☚
「你将学到什么？」
适用人群
具有Html+Css+JavaScript基础，有一定的Vue.js基础，挑战高薪职位
课程概述
本季度为uni-app + egg.js 实战仿微信app和小程序全栈开发，开启纯nvue原生渲染，大大提高性能。一次开发，同时搞定Android、iOS和小程序端等。
课程大纲见以下图！
「课程学习目录」
| 第1章：项目介绍 |
| 1.项目介绍 |
| 第2章：环境搭建和项目创建 |
| 1.创建项目和开启原生渲染 |
| 第3章：全局配置 |
| 1.引入全局样式（一） |
| 2.引入全局样式（二） |
| 3.引入自定义图标库（一） |
| 4.引入自定义图标库（二）全局引入 |
| 5.引入自定义图标库（三）兼容多端 |
| 6.配置tabbar底部导航 |
| 7.配置globalStyle |
| 第4章：聊天列表页开发 |
| 1.头部导航组件开发 |
| 2.图标按钮组件封装 |
| 3.封装头部导航组件（一） |
| 4.封装头部导航组件（二） |
| 5.开发聊天列表组件（一） |
| 6.开发聊天列表组件（二） |
| 7.封装头像组件 |
| 8.badge组件开发 |
| 9.封装badge组件 |
| 10.封装聊天列表组件 |
| 11.封装全局mixin |
| 12.开发弹出层组件（一）基础架构 |
| 13.开发弹出层组件（二）弹出关闭功能 |
| 14.开发弹出层组件（三） |
| 15.开发弹出层组件（四）自定义位置 |
| 16.开发弹出层组件（五）长按弹出菜单（一） |
| 17.开发弹出层组件（六）长按弹出菜单（二） |
| 18.开发弹出层组件（七）长按弹出菜单（三） |
| 19.开发弹出层组件（八）动画特效 |
| 20.开发导航弹出扩展菜单（一） |
| 21.开发导航弹出扩展菜单（二） |
| 22.删除当前会话 |
| 23.置顶，取消置顶当前会话 |
| 第5章：通讯录页开发 |
| 1.通讯录列表组件开发 |
| 2.封装公共列表组件 |
| 3.完善通讯录列表 |
| 第6章：发现页开发 |
| 1.优化公共列表组件 |
| 2.完善发现页 |
| 第7章：个人中心开发 |
| 1.优化自定义导航栏功能 |
| 2.强化全局列表组件 |
| 3.完善个人中心页 |
| 第8章：聊天页开发 |
| 1.聊天页导航开发 |
| 2.聊天页底部输入框开发 |
| 3.开发聊天内容区域 |
| 4.聊天气泡组件开发（一） |
| 5.聊天气泡组件开发（二） |
| 6.优化图标显示问题 |
| 7.封装聊天气泡组件（一） |
| 8.封装聊天气泡组件（二) |
| 9.聊天时间人性化显示 |
| 10.长按弹出操作菜单（一） |
| 11.长按弹出操作菜单（二） |
| 12.长按弹出操作菜单（三） |
| 13.消息撤回功能实现（一） |
| 14.消息撤回功能实现（二）动画效果 |
| 15.解决键盘顶起窗口问题 |
| 16.滚动到底部功能实现 |
| 17.发送文字功能实现 |
| 18.底部操作菜单开发（一） |
| 19.底部菜单开发（二）- 菜单列表（一） |
| 20.底部菜单开发（三）- 菜单列表（二） |
| 21.底部菜单开发（四）- 键盘切换（一） |
| 22.底部菜单开发（五）- 键盘切换（二） |
| 23.底部菜单开发（六）- 表情包（一） |
| 24.底部菜单开发（七）- 表情包（二） |
| 25.发送表情包功能（一） |
| 26.发送表情包功能（二） |
| 27.发送图片功能 |
| 28.预览图片保存相册功能 |
| 29.图片加载组件（一） |
| 30.图片加载组件（二） |
| 31.封装图片加载组件 |
| 32.语音播放功能（一） |
| 33.语音播放功能（二） |
| 34.多语音播放切换-引入vuex |
| 35.多语音播放切换-自定义全局事件$on |
| 36.多语音播放切换-自定义全局事件$emit |
| 37.多语音播放切换-自定义全局事件$off |
| 38.多语音播放切换-实现音频切换 |
| 39.修改action名称防止冲突 |
| 40.实现语音播放动画效果 |
| 41.短视频消息功能（一） |
| 42.短视频消息功能（二） |
| 43.短视频消息功能（三） |
| 44.处理音频时间和气泡长短 |
| 45.音频录制和文本输入切换 |
| 46.录制状态动画显示（一） |
| 47.录制状态动画显示（二） |
| 48.发送录音功能 |
| 49.计算音频时长 |
| 50.全局录音管理器（一） |
| 51.全局录音管理器（二） |
| 52.视频录制发送视频 |
| 第9章：聊天信息设置页开发 |
| 1.聊天信息设置页（一） |
| 2.聊天信息设置页（二） |
| 3.聊天信息设置页（三） |
| 第10章：好友设置页开发 |
| 1.个人设置页开发（一） |
| 2.个人设置页开发（二） |
| 3.个人设置页开发（三）操作菜单 |
| 第11章：设置备注和标签页 |
| 1.设置备注页（一） |
| 2.设置备注页（二） |
| 3.设置标签页（一）-标签列表 |
| 4.设置标签页（二）-添加标签 |
| 5.设置标签页（三）-删除和快捷添加 |
| 6.设置标签页（四）-保存 |
| 第12章：设置朋友圈和动态权限 |
| 1.设置朋友圈动态权限 |
| 第13章：星标朋友和加入移出黑名单 |
| 1.设为星标朋友 |
| 2.加入和移出黑名单 |
| 第14章：通讯录索引列表功能 |
| 1.通讯录索引列表功能（一） |
| 2.通讯录索引列表功能（二） |
| 3.通讯录索引列表功能（三） |
| 第15章：推荐名片功能 |
| 1.推荐名片（一） |
| 2.推荐名片（二）- 多选功能 |
| 3.推荐名片（三）-限制选中数量 |
| 4.推荐名片（四）-实时搜索 |
| 5.推荐名片（五）-提示框 |
| 6.推荐名片（六）-提示框 |
| 7.推荐名片（更多联系人） |
| 第16章：用户投诉开发 |
| 1.用户投诉开发 |
| 第17章：朋友圈开发 |
| 1.朋友圈开发 - 渐变导航（上） |
| 2.朋友圈开发 - 渐变导航（下） |
| 3.朋友圈列表 - 单图多图 |
| 4.朋友圈列表 - 组件封装 |
| 5.朋友圈列表 - 视频 |
| 6.朋友圈列表 - 点赞评论列表 |
| 7.朋友圈列表 - 评论（一）-输入框 |
| 8.朋友圈列表 - 评论（二）-表情包 |
| 第18章：个人资料设置开发 |
| 1.个人资料设置开发（一） |
| 2.个人资料设置开发（二） |
| 第19章：二维码名片页开发 |
| 1.二维码名片页开发 |
| 第20章：收藏列表开发 |
| 1.收藏列表开发 |
| 第21章：公共搜索页开发 |
| 1.公共搜索页开发 |
| 第22章：发布朋友圈页面开发 |
| 1.发布朋友圈页面-文字 |
| 2.发布朋友圈页面-图文（一） |
| 3.发布朋友圈页面-图文（二） |
| 4.发布朋友圈页面-图文（三） |
| 5.发布朋友圈页面-视频 |
| 第23章：登录注册页 |
| 1.登录页面开发 |
| 2.注册页面开发 |
| 3.启动时登录页到首页过渡优化 |
| 第24章：egg.js基础课 |
| 1.创建egg.js项目 |
| 2.写第一个api接口 |
| 3.router路由传参（一） |
| 4.router路由传参（二） |
| 5.资源路由和路由分组 |
| 6.数据库迁移（一） |
| 7.数据库迁移（二） |
| 8.sequelize模型-新增 |
| 9.sequelize模型-批量新增和修改器 |
| 10.sequelize模型-查询单个 |
| 11.sequelize模型-查询多个和获取器 |
| 12.sequelize模型-where操作符 |
| 13.sequelize模型-字段限制排序分页 |
| 14.sequelize模型-修改和限制字段 |
| 15.sequelize模型-删除和批量删除 |
| 16.错误和异常统一处理 |
| 17.中间件配置 |
| 18.参数验证 |
| 第25章：后端api开发和前后端交互 |
| 1.创建项目和基础配置 |
| 2.全局抛出异常处理 |
| 3.封装api返回格式扩展 |
| 4.sequelize数据库和迁移配置 |
| 5.用户表设计和迁移 |
| 6.注册功能实现 |
| 7.参数验证功能实现（一） |
| 8.参数验证功能实现（二） |
| 9.crypto 数据加密 |
| 10.用户登录功能 |
| 11.jwt 加密鉴权 |
| 12.redis 缓存插件和封装 |
| 13.全局权限验证中间件实现（一） |
| 14.全局权限验证中间件实现（二） |
| 15.退出登录功能 |
| 16.搜索用户功能 |
| 17.好友表和好友申请表设计 |
| 18.申请添加好友功能（一） |
| 19.申请添加好友功能（二） |
| 20.获取好友申请列表（一） |
| 21.获取好友申请列表（二） |
| 22.处理好友申请（一） |
| 23.处理好友申请（二） |
| 24.获取通讯录列表（一） |
| 25.获取通讯录列表（二） |
| 26.查看好友资料功能实现 |
| 27.移入移除黑名单功能 |
| 28.设置取消星标好友 |
| 29.设置朋友圈权限功能 |
| 30.举报投诉好友或群组功能（一） |
| 31.举报投诉好友或群组功能（二） |
| 32.设置备注和标签功能（一） |
| 33.设置备注和标签功能（二） |
| 34.设置备注和标签功能（三） |
| 35.安装websocket插件 |
| 36.连接websocket和权限验证 |
| 37.兼容H5端处理 |
| 38.配置H5端跨域问题 |
| 39.登录注册功能实现（一） |
| 40.登录注册功能实现（二） |
| 41.部署聊天调试环境 |
| 42.退出登录功能实现 |
| 43.全局mixin权限验证实现 |
| 44.初始化登录状态 |
| 45.搜索用户功能实现 |
| 46.查看用户资料功能（一） |
| 47.查看用户资料功能（二） |
| 48.查看用户资料功能（三） |
| 49.修复处理好友申请api接口 |
| 50.添加好友功能实现 |
| 51.待处理好友申请数量提示 |
| 52.待处理好友申请列表（一） |
| 53.待处理好友申请列表（二） |
| 54.处理好友申请功能 |
| 55.通讯录列表功能实现 |
| 56.完善查看个人资料页 |
| 57.设置星标好友和设置黑名单功能 |
| 58.设置朋友圈权限功能实现 |
| 59.设置备注和标签功能实现 |
| 60.举报投诉好友功能实现 |
| 61.完善几个小问题 |
| 62.websocket连接权限验证和强制下线 |
| 63.后端用户上线和下线深度剖析 |
| 64.聊天类chat.js封装（一） |
| 65.聊天类chat.js封装（二） |
| 66.聊天类chat.js封装（三） |
| 67.聊天类封装（四）-创建销毁聊天对象 |
| 68.发送消息接口开发-单聊（一） |
| 69.发送消息接口开发-单聊（二） |
| 70.聊天类封装（五）-发送消息 |
| 71.聊天类封装（六）-组织发送消息格式 |
| 72.聊天类封装（七）-完善发送消息状态 |
| 73.聊天类封装（八）-添加聊天记录 |
| 74.聊天类封装（九）-更新指定聊天记录 |
| 75.聊天类封装（十）-更新会话列表（一） |
| 76.聊天类封装（十一）-更新会话列表（二） |
| 77.渲染和监听聊天会话列表 |
| 78.聊天类封装（十三）-断线重连提示 |
| 79.聊天类封装（十四）-处理接收消息 |
| 80.初始化总未读数 |
| 81.聊天类封装（十五）-读取会话功能 |
| 82.聊天页实时接收信息功能实现 |
| 83.获取当前会话详细资料 |
| 84.创建群聊功能（一） |
| 85.创建群聊功能（二） |
| 86.创建群聊功能（三） |
| 87.创建群聊功能（四） |
| 88.创建群聊功能（五） |
| 89.群聊发送和接收消息 |
| 90.群昵称显示 |
| 91.获取离线消息 |
| 92.置于底部兼容H5端 |
| 93.群聊列表分页（一） |
| 94.群聊列表分页（二） |
| 95.获取群聊相关信息（一） |
| 96.获取群聊相关信息（二） |
| 97.修改群名称功能（一） |
| 98.修改群名称功能（二） |
| 99.群公告推送功能（一） |
| 100.群公告推送功能（二） |
| 101.修改我在本群的昵称（一） |
| 102.修改我在本群的昵称（二） |
| 103.退出和解散群聊（一） |
| 104.退出和解散群聊（二） |
| 105.删除指定会话功能 |
| 106.群资料设置功能 |
| 107.群二维码生成（一） |
| 108.群二维码生成（二） |
| 109.生成个人二维码名片 |
| 110.清空聊天记录功能 |
| 111.发送表情包功能 |
| 112.上传文件和oss配置 |
| 113.上传文件请求封装 |
| 114.发送图片功能 |
| 115.发送短视频功能 |
| 116.发送语音功能 |
| 117.撤回消息功能（一） |
| 118.撤回消息功能（二） |
| 119.撤回消息功能（三） |
| 120.撤回消息功能（四） |
| 121.转发功能实现（一） |
| 122.转发功能实现（二） |
| 123.转发功能实现（三） |
| 124.转发功能实现（四） |
| 125.复制功能实现 |
| 126.删除指定消息记录 |
| 127.收藏相关接口开发 |
| 128.创建收藏和收藏列表 |
| 129.删除收藏功能 |
| 130.发送收藏功能 |
| 131.发送名片功能（一） |
| 132.发送名片功能（二） |
| 133.好友申请实时通知 |
| 134.同意添加好友实时通知 |
| 135.修改用户个人资料（一） |
| 136.修改用户个人资料（二） |
| 137.删除好友功能 |
| 138.朋友圈相关数据表迁移 |
| 139.发布朋友圈api开发（一） |
| 140.发布朋友圈api开发（二） |
| 141.发布朋友圈api开发（三） |
| 142.点赞朋友圈api开发（一） |
| 143.点赞朋友圈api开发（二） |
| 144.评论朋友圈api开发（一） |
| 145.评论朋友圈api开发（二） |
| 146.朋友圈列表api开发 |
| 147.我的朋友圈列表api开发 |
| 148.朋友圈列表分页功能实现 |
| 149.我的朋友圈分页列表实现 |
| 150.朋友圈点赞功能 |
| 151.修复删除好友朋友圈记录问题 |
| 152.朋友圈动态实时通知功能 |
| 153.读取朋友圈动态功能 |
| 154.朋友圈评论功能（一) |
| 155.朋友圈评论功能（二） |
| 156.朋友圈评论表情包功能 |
| 157.发布朋友圈-批量上传图片 |
| 158.发布朋友圈-上传短视频 |
| 159.发布朋友圈-实时通知 |
| 160.提醒谁看功能 |
| 161.朋友圈查看权限 |
| 162.初始化会话列表功能 |
| 163.断线自动重连处理 |
| 164.Token错误时自动退出 |
| 165.查看聊天记录功能 |
| 166.将某人踢出群聊（一） |
| 167.将某人踢出群聊（二） |
| 168.将某人踢出群聊（三） |
| 169.邀请加入群聊（一） |
| 170.邀请加入群聊（二） |
| 171.部分小细节优化 |
| 172.标签列表和标签用户列表 |
| 173.小程序端兼容处理 |
| 174.app端兼容处理（一） |
| 175.app端兼容处理（二） |
| 176.添加背景提示音（一） |
| 177.添加背景提示音（二） |
| 178.转发名片功能 |
| 179.查看好友朋友圈完善（一） |
| 180.查看好友朋友圈完善（二） |
| 181.查看好友朋友圈完善（三） |
| 182.查看好友朋友圈完善（四） |
| 183.查看好友朋友圈完善（五） |
| 184.iOS端兼容处理 |
| 185.多进程实现（一） |
| 186.多进程实现（二） |
| 187.修复弹框问题 |
| 188.扫一扫添加群聊功能（一） |
| 189.扫一扫加入群聊功能（二） |
| 190.扫一扫加入群聊功能（三） |
| 191.扫一扫添加好友功能 |
| 192.修复一部分小bug |
| 第26章：部署前环境搭建 |
| 1.部署前环境搭建 |
| 2.后端部署上线 |
| 3.部署H5端 |
| 4.安卓app打包上线 |
| 5.IOS端打包 |
「7项超值权益，保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。
- 课程资料+课件
超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）
- 常用开发实战
企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。
「什么样的技术人适合学习？」
- 想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
- 掌握开发、编程技术单一、冷门，迫切希望能够转型的你
- 想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。
「悉心打造精品好课，59天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进，帮助用户轻松掌握
掌握Webapp知识，扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。
「你可以收获什么？」
熟练掌握nvue + vuex的实战技巧
掌握egg.js实战技巧
扫一扫
859
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
