学优IT技术论坛

 找回密码
 注册VIP

QQ登录

只需一步,快速开始

260查看 | 28回复

[Node.JS] Node.js+Vue+MongoDB高级全栈开发视频教程

[复制链接]

683

主题

913

帖子

6692

积分

管理员

Rank: 15Rank: 15Rank: 15Rank: 15Rank: 15

发表于 2019-10-7 19:50:14 | 显示全部楼层 |阅读模式
开发微信项目全家桶:微信公众号 + 小程序 + 共用后台。Koa2 +Nuxt/Vue SSR、配合后端实现服务器端渲染技术,解决服务器端渲染与异步请求并存的业务场景,解决SEO和页面加载时长两大痛点,满满的都是干货!

前后端技术栈大实战,技术重点: Koa2 与 Vue 的前后端耦合和分离,HTTP 请求在微信、服务器、终端的三方之间交互流程。其中:
1.Nuxt.js框架:解决服务器端渲染问题和首屏加载时长问题,实现 Vue SSR;
2.前后端技术栈:Node.js / Vue / Koa2 / MongoDB;
3.NodRestful API 和 GraphQL API:开发冰与火之歌主题的微信公众号 + 微信小程序 + Web站共用后台;
4.Webpack:解决 Sass 等静态资源编译打包;
5.PM2:一键发布部署e.js / Vue / Koa2 / MongoDB。

Nuxt/Vue SSR 服务器端渲染,配合后端实现服务器端渲染技术,解决服务器端渲染与异步请求并存的业务场景,解决SEO和页面加载时长两大痛点。

本课程是Vue.js+Node.js高级实战课程,对您的学习能力及基础都有很高要求:
1、精通HTML、 CSS和JavaScript编程,
2、有一定Vue.js 基础和Node.js、MongoDB实际开发经验
3、已经具备npm和Webpack的使用经验

本课程真正从0到上线开发完整项目,完整的项目,完整的流程,教会你完整的全栈技术


【课程内容】

第一章本地与服务器环境准备

介绍微信公众号/小程序/域名/服务器的申请选购流程,在本地与线上服务器分别对项目的运行环境进行搭建部署,如 Node.js/Vue/Yarn/PM2/Nginx/MongoDB 等等,同时会来简单介绍下从本地通过 PM2 利用 Git 仓库直接往线上服务器部署以及 Nginx 端口映射解析特定域名的实现流程,最终准备好本地线上和外部业务环境为开发...

1-1 导学
1-2 课程简介
1-3 申请认证公众服务号与小程序
1-4 选购域名与备案解析域名
1-5 选购配置服务器
1-6 安装 Node.js v8.0 生产环境
1-7 配置 Vue-Yarn-PM2 工具环境
1-8 配置 Nginx 端口代理与域名指向
1-9 安装 MongoDB 数据库 v3.4
1-10 配置 Git 私有仓库管理代码
1-11 配置 PM2 一键部署发布项目

第二章 公众号小程序的服务能力与场景

简要介绍下公众号小程序各自的使用场景,服务能力,以及暴露出来的 API 功能,支付权限的申请以及微信开放平台的接入绑定

2-1 公众号主要 API 的能力解读
2-2 小程序主要 API 能力及公众号内申请认证
2-3 接入公众开放平台以 UnionID 统一小程序与公众号用户信息

第三章 相关框架库技术介绍

对项目中所用到的技术/工具做一一简介,如 Sass/Koa/Webpack/Vue SSR/Nuxt/Pug/Mongoose/GraphQL 等,并且配合一些代码的案例,来直观的了解这些工具模块在一个项目中是如何协同,如何发挥作用的,比如通过 Webpack 实现一个小程序 Vue/Pug 模板解析的输出方案。...

3-1 Sass 样式预处理器
3-2 Koa 后台 Web 框架及中间件
3-3 Webpack 打包构建工具重构小程序
3-4 Vue.js SSR 实现思路
3-5 Nuxt 前后端同构 SSR 框架
3-6 Pug(Jade)后端模板引擎
3-7 模型工具操作数据库
3-8 为什么推荐 GraphQL 而不是 Restful API

第四章 微信公众号基础功能快速开发

通过 Nuxt 初始化本地的初始 Node.js 项目,介绍在本地通过代理工具实现内网的服务代理,同时把微信的核心 API 梳理一遍,比如票据获取、保存,消息回复封装,菜单创建删除,多媒体素材接口等等,特别是在 Node.js 项目中,如何封装消息及权限模块,来实现更加深度的微信 API 定制,已经如何实现多种方式的用户资...

4-1 利用花生壳-魔法隧道-Ngrok 等代理本地服务
4-2 构建初始项目首次验证公众号服务器
4-3 通过 mongoose 建模全局票据 access_token
4-4 实现 access_token 获取更新的统一管理模块
4-5 抽象微信消息中间件统一处理消息流
4-6 微信消息解析与回复模板封装
4-7 7种微信普通消息的接受与基本回复
4-8 多媒体与图文素材接口的上传更新获取与删除
4-9 用户资料获取与粉丝标签管理
4-10 菜单创建删除与事件配置
4-11 获取 Ticket 实现 SDK 接入权限签名算法
4-12 在 Vue SSR 中实现微信 JS-SDK 权限接入
4-13 在 Vue SSR 中实现微信网页授权机制与用户资料读取

第五章 冰火微信前端页面开发

在 Vue SSR 的项目结构中,通过 Rap mock 数据源模拟接口,快速开发微信 H5 的主要网页,如家族脸谱首页、家族详情页,手办商城、账户页面,以及导航组件等,了解 Vue SSR 中,Actions/Services 在服务器端渲染环境中,他们是如何与 Vue 模板进行交互的。...

5-1 利用 RAP Mock 提供家族数据的测试接口
5-2 开发家族脸谱首页
5-3 开发家族主页
5-4 开发家族角色主页
5-5 开发微信网页 App 的导航组件
5-6 开发周边手办商城页
5-7 开发周边手办商城宝贝购买页
5-8 开发微信个人账户页

第六章 开发数据爬虫与后台

利用 Ramda 封装高阶的 Node.js 爬虫脚本,实现多态的数据源爬取,比如网页的爬取与分析,接口的递归爬取,碎片化数据的清洗整合与打平,学习强大而优雅的爬虫技巧,同时了解批量向图床搬运图片的实现方式,以及批量数据入库。...

6-1 爬取 IMDb 冰火卡司阵容
6-2 比对过滤 IMDb 与 WIKI 人物清洗出正确数据
6-3 爬取人物头像以及残缺数据清理
6-4 爬取角色剧照
6-5 为 IMDb 人物数据爬取中文资料
6-6 上传头像和封面图到七牛云空间
6-7 获取九大家族详细数据
6-8 关联家族数据与主要人物数据
6-9 家族人物 Mongoose 建模入库

第七章  分层开发 Vue SSR 全站后台

利用 Decorator 重构 Koa 路由,实现对不同端的数据接口支持,实现 RestFul API,开发网站管理后台,登录权限与 Session 处理,对商品和订单进行数据建模,开发商品增删改查及商品图片上传到七牛,开发可视化的后台爬虫管理页面。...

7-1 利用 Decorator 重构 Koa 路由策略
7-2 开发家族数据 API
7-3 对路由控制器与 API 分层完善人物数据
7-4 对商品宝贝数据建模及增删改查
7-5 开发后台商品增删改查页面及功能
7-6 Vue 中实现上传宝贝图片到七牛

第八章 实现全站用户登录策略

实现全站用户登录策略,打通全站登录。

8-1 为用户建立基本信息数据模型
8-2 增加后台管理员登录功能
8-3 完善管理员登录流程
8-4 增加前端微信二跳中间件
8-5 为小程序实现后端登录路由

第九章 开发微信商城后台

开发网页中微信支付功能,在 Vue SSR 的网站中,服务端渲染与客户端渲染的双重场景下,如何实现购买功能,如何处理授权跳转与用户订单的流程。

9-1 完善商城宝贝详情支付页
9-2 封装 mixins 实现 Vue 中的支付接口调用
9-3 支付功能的申请流程以及项目源代码的 Github 地址
9-4 创建订单数据模型并实现订单创建功能
9-5 利用三方模块封装支付接口与其他订单接口
9-6 增加后端订单管理页面

第十章 项目中后期测试与小范围重构

项目中后期测试与小范围重构 。

10-1 修正第九章代码错误及模块兼容性说明
10-2 代理环境集成与正式打包测试
10-3 测试和验证客户端的商城支付功能
10-4 分离本地与线上环境优化项目结构
10-5 调整路由-控制器-数据 API 的分层结构

第十一章 小程序开发-基于 Restful API 开发微信小程序

如何用RESTFul API 开发家族首页、家族主页、人物主页以及商城支付和账户页面。

11-1 搭建小程序开发目录
11-2 集成三方库暴露全局方法
11-3 集成 webpack 进行代码构建
11-4 小程序多页面源码讲解

第十二章小程序开发-基于 GraphQL 改造小程序

讲解如何从 RESTFul API 过渡到 GraphQL 的数据交互方案,在 Node.js 项目中如何处理两者共存的场景。

12-1 为小程序实现后端支付接口
12-2 配置 GraphQL 到 Nodejs 项目中
12-3 实现 GraphQL 的 model-query-schema 演示图形化查询命令
12-4 小程序首页通过 GraphQL 一次性获取家族与角色数据
12-5 批量更换小程序 API 接口为 GraphQL

第十三章课程总结

课程总结

13-1 聊聊我对招人的看法以及这门课
游客,如果您要查看本帖隐藏内容请回复


0

主题

3547

帖子

3667

积分

全站永久VIP会员

Rank: 5Rank: 5

超级永久SVIP会员超级永久SVIP会员超级永久SVIP会员

发表于 2019-10-13 21:48:39 | 显示全部楼层
学习!!!!!!!!!!!!!
发表于 2019-10-19 19:38:12 | 显示全部楼层
学优IT技术网是好网站
发表于 2019-10-20 19:25:21 | 显示全部楼层
厉害了,我的贴

1

主题

3672

帖子

4835

积分

全站永久VIP会员

Rank: 5Rank: 5

超级永久SVIP会员超级永久SVIP会员超级永久SVIP会员

发表于 2019-10-20 19:38:32 | 显示全部楼层
大家都不容易!

1

主题

3141

帖子

5322

积分

全站永久VIP会员

Rank: 5Rank: 5

高级永久VIP会员高级永久VIP会员

发表于 2019-10-20 19:40:46 | 显示全部楼层
太好了
发表于 2019-10-21 10:48:33 | 显示全部楼层
这个帖子找了很久···
发表于 2019-10-21 14:36:25 | 显示全部楼层
谢谢分享!

2

主题

4090

帖子

5953

积分

全站永久VIP会员

Rank: 5Rank: 5

超级永久SVIP会员超级永久SVIP会员超级永久SVIP会员高级永久VIP会员高级永久VIP会员

发表于 2019-10-21 14:50:02 | 显示全部楼层
我可以陪你熬夜,也会劝你早睡,但最好的状态是我们一起睡。发现我最近近视越来越严重了,打开钱包竟然看不到钱了。

0

主题

3536

帖子

3497

积分

全站永久VIP会员

Rank: 5Rank: 5

发表于 2019-10-22 22:23:59 | 显示全部楼层
谢谢楼主
您需要登录后才可以回帖 登录 | 注册VIP

本版积分规则

QQ|手机版|获取邀请码|学优IT技术论坛ipxue.com ( 京ICP备14035519号-5 )

GMT+8, 2019-12-16 07:57

Powered by Discuz! X3.4

© 2001-2019 Comsenz Inc.