开发微信全家桶项目Vue/Node/MongoDB高级技术栈全覆盖
¥448.00
-
第1章 本地与服务器环境准备 11 节 | 90分钟
介绍微信公众号/小程序/域名/服务器的申请选购流程，在本地与线上服务器分别对项目的运行环境进行搭建部署，如 Node.js/Vue/Yarn/PM2/Nginx/MongoDB 等等，同时会来简单介绍下从本地通过 PM2 利用 Git 仓库直接往线上服务器部署以及 Nginx 端口映射解析特定域名的实现流程，最终准备好本地线上和外部业务环境为开发...
- 视频： 1-1 导学 (04:41)
- 视频： 1-2 课程简介 (02:32)
- 视频： 1-3 申请认证公众服务号与小程序 (12:38)
- 视频： 1-4 选购域名与备案解析域名 (05:29)
- 视频： 1-5 选购配置服务器 (08:24)
- 视频： 1-6 安装 Node.js v8.0 生产环境 (10:19)
- 视频： 1-7 配置 Vue-Yarn-PM2 工具环境 (06:04)
- 视频： 1-8 配置 Nginx 端口代理与域名指向 (09:58)
- 视频： 1-9 安装 MongoDB 数据库 v3.4 (09:11)
- 视频： 1-10 配置 Git 私有仓库管理代码 (07:29)
- 视频： 1-11 配置 PM2 一键部署发布项目 (12:53)
-
第2章 公众号小程序的服务能力与场景 3 节 | 16分钟
简要介绍下公众号小程序各自的使用场景，服务能力，以及暴露出来的 API 功能，支付权限的申请以及微信开放平台的接入绑定。
- 视频： 2-1 公众号主要 API 的能力解读 (04:30)
- 视频： 2-2 小程序主要 API 能力及公众号内申请认证 (07:15)
- 视频： 2-3 接入公众开放平台以 UnionID 统一小程序与公众号用户信息 (03:42)
-
第3章 相关框架库技术介绍 9 节 | 116分钟
对项目中所用到的技术/工具做一一简介，如 Sass/Koa/Webpack/Vue SSR/Nuxt/Pug/Mongoose/GraphQL 等，并且配合一些代码的案例，来直观的了解这些工具模块在一个项目中是如何协同，如何发挥作用的，比如通过 Webpack 实现一个小程序 Vue/Pug 模板解析的输出方案。...
- 视频： 3-1 Sass 样式预处理器 (04:28)
- 视频： 3-2 Koa 后台 Web 框架及中间件 (20:29)
- 视频： 3-3 Webpack 打包构建工具重构小程序(上) (19:34)
- 视频： 3-4 Webpack 打包构建工具重构小程序（下） (14:25)
- 视频： 3-5 Vue.js SSR 实现思路 (09:42)
- 视频： 3-6 Nuxt 前后端同构 SSR 框架 (14:59)
- 视频： 3-7 Pug（Jade）后端模板引擎 (05:24)
- 视频： 3-8 模型工具操作数据库 (11:21)
- 视频： 3-9 为什么推荐 GraphQL 而不是 Restful API (15:07)
-
第4章 微信公众号基础功能快速开发 13 节 | 312分钟
通过 Nuxt 初始化本地的初始 Node.js 项目，介绍在本地通过代理工具实现内网的服务代理，同时把微信的核心 API 梳理一遍，比如票据获取、保存，消息回复封装，菜单创建删除，多媒体素材接口等等，特别是在 Node.js 项目中，如何封装消息及权限模块，来实现更加深度的微信 API 定制，已经如何实现多种方式的用户资...
- 视频： 4-1 利用花生壳-魔法隧道-Ngrok 等代理本地服务 (06:07)
- 视频： 4-2 构建初始项目首次验证公众号服务器 (30:08)
- 视频： 4-3 通过 mongoose 建模全局票据 access_token (17:51)
- 视频： 4-4 实现 access_token 获取更新的统一管理模块 (23:18)
- 视频： 4-5 抽象微信消息中间件统一处理消息流 (19:20)
- 视频： 4-6 微信消息解析与回复模板封装 (24:35)
- 视频： 4-7 7 种微信普通消息的接受与基本回复 (17:45)
- 视频： 4-8 多媒体与图文素材接口的上传更新获取与删除 (43:56)
- 视频： 4-9 用户资料获取与粉丝标签管理 (37:54)
- 视频： 4-10 菜单创建删除与事件配置 (21:56)
- 视频： 4-11 获取 Ticket 实现 SDK 接入权限签名算法 (16:02)
- 视频： 4-12 在 Vue SSR 中实现微信 JS-SDK 权限接入 (24:23)
- 视频： 4-13 在 Vue SSR 中实现微信网页授权机制与用户资料读取 (28:02)
-
第5章 冰火微信前端页面开发 9 节 | 148分钟
在 Vue SSR 的项目结构中，通过 Rap mock 数据源模拟接口，快速开发微信 H5 的主要网页，如家族脸谱首页、家族详情页，手办商城、账户页面，以及导航组件等，了解 Vue SSR 中，Actions/Services 在服务器端渲染环境中，他们是如何与 Vue 模板进行交互的。...
- 视频： 5-1 利用 RAP Mock 提供家族数据的测试接口 (28:20)
- 视频： 5-2 开发家族脸谱首页（上） (16:22)
- 视频： 5-3 开发家族脸谱首页（下） (20:54)
- 视频： 5-4 开发家族主页 (12:05)
- 视频： 5-5 开发家族角色主页 (10:16)
- 视频： 5-6 开发微信网页 App 的导航组件 (08:02)
- 视频： 5-7 开发周边手办商城页 (12:51)
- 视频： 5-8 开发周边手办商城宝贝购买页 (20:03)
- 视频： 5-9 开发微信个人账户页 (18:29)
-
第6章 开发数据爬虫与后台 9 节 | 133分钟
利用 Ramda 封装高阶的 Node.js 爬虫脚本，实现多态的数据源爬取，比如网页的爬取与分析，接口的递归爬取，碎片化数据的清洗整合与打平，学习强大而优雅的爬虫技巧，同时了解批量向图床搬运图片的实现方式，以及批量数据入库。...
- 视频： 6-1 爬取 IMDb 冰火卡司阵容 (28:27)
- 视频： 6-2 比对过滤 IMDb 与 WIKI 人物清洗出正确数据 (08:51)
- 视频： 6-3 爬取人物头像以及残缺数据清理 (14:50)
- 视频： 6-4 爬取角色剧照 (06:21)
- 视频： 6-5 为 IMDb 人物数据爬取中文资料 (24:02)
- 视频： 6-6 上传头像和封面图到七牛云空间 (18:25)
- 视频： 6-7 获取九大家族详细数据 (07:08)
- 视频： 6-8 关联家族数据与主要人物数据 (14:36)
- 视频： 6-9 家族人物 Mongoose 建模入库 (09:42)
-
第7章 分层开发 Vue SSR 全站后台 6 节 | 142分钟
利用 Decorator 重构 Koa 路由，实现对不同端的数据接口支持，实现 RestFul API，开发网站管理后台，登录权限与 Session 处理，对商品和订单进行数据建模，开发商品增删改查及商品图片上传到七牛，开发可视化的后台爬虫管理页面。...
- 视频： 7-1 利用 Decorator 重构 Koa 路由策略 (22:36)
- 视频： 7-2 开发家族数据 API (10:11)
- 视频： 7-3 对路由控制器与 API 分层完善人物数据 (21:47)
- 视频： 7-4 对商品宝贝数据建模及增删改查 (17:58)
- 视频： 7-5 开发后台商品增删改查页面及功能 (46:38)
- 视频： 7-6 Vue 中实现上传宝贝图片到七牛 (22:26)
-
第8章 实现全站用户登录策略 5 节 | 118分钟
实现全站用户登录策略，打通全站登录。
- 视频： 8-1 为用户建立基本信息数据模型 (17:24)
- 视频： 8-2 增加后台管理员登录功能 (30:43)
- 视频： 8-3 完善管理员登录流程 (15:55)
- 视频： 8-4 增加前端微信二跳中间件 (25:50)
- 视频： 8-5 为小程序实现后端登录路由 (27:16)
-
第9章 开发微信商城后台 6 节 | 85分钟
开发网页中微信支付功能，在 Vue SSR 的网站中，服务端渲染与客户端渲染的双重场景下，如何实现购买功能，如何处理授权跳转与用户订单的流程。
- 视频： 9-1 完善商城宝贝详情支付页 (18:21)
- 视频： 9-2 封装 mixins 实现 Vue 中的支付接口调用 (17:06)
- 视频： 9-3 支付功能的申请流程以及项目源代码的 Github 地址 (05:47)
- 视频： 9-4 创建订单数据模型并实现订单创建功能 (19:27)
- 视频： 9-5 利用三方模块封装支付接口与其他订单接口 (13:28)
- 视频： 9-6 增加后端订单管理页面 (10:22)
-
第10章 项目中后期测试与小范围重构 5 节 | 44分钟
项目中后期测试与小范围重构 。
- 视频： 10-1 修正第九章代码错误及模块兼容性说明 (07:28)
- 视频： 10-2 代理环境集成与正式打包测试 (07:38)
- 视频： 10-3 测试和验证客户端的商城支付功能 (09:23)
- 视频： 10-4 分离本地与线上环境优化项目结构 (11:14)
- 视频： 10-5 调整路由-控制器-数据 API 的分层结构 (08:06)
-
第11章 小程序开发-基于 Restful API 开发微信小程序 4 节 | 74分钟
如何用RESTFul API 开发家族首页、家族主页、人物主页以及商城支付和账户页面。
- 视频： 11-1 搭建小程序开发目录 (17:01)
- 视频： 11-2 集成三方库暴露全局方法 (10:01)
- 视频： 11-3 集成 webpack 进行代码构建 (32:42)
- 视频： 11-4 小程序多页面源码讲解 (13:19)
-
第12章 小程序开发-基于 GraphQL 改造小程序 5 节 | 120分钟
讲解如何从 RESTFul API 过渡到 GraphQL 的数据交互方案，在 Node.js 项目中如何处理两者共存的场景。
- 视频： 12-1 为小程序实现后端支付接口 (27:25)
- 视频： 12-2 配置 GraphQL 到 Nodejs 项目中 (09:32)
- 视频： 12-3 实现 GraphQL 的 model-query-schema 演示图形化查询命令 (21:46)
- 视频： 12-4 小程序首页通过 GraphQL 一次性获取家族与角色数据 (18:36)
- 视频： 12-5 批量更换小程序 API 接口为 GraphQL (42:25)
本课程已完结
讲师
Scott
全栈工程师
Web前端攻城师88年狮子男，前端攻城4年，以Coding为生，以Coding为乐，爱足球，喜做饭。就职于阿里妈妈用户体验中心-MUX，专注于淘宝单品外投，研究创（Guang）意（Gao）效果，加载方案优化，略有心得。
