从单体 Vue 到全栈生态：你还需要补什么？

很多开发者会写 Vue，也能用 Node 写简单的 CRUD，但一旦涉及**微信生态接入、GraphQL 接口改造、前后端分离部署**，往往就卡住了。这门课解决的正是这个断层：它不教你基础语法，而是通过一个完整的“冰火”主题项目（含公众号、小程序、商城），演示如何把 Vue SSR、Node.js、MongoDB 串联起来，并延伸到微信小程序的 RESTful 与 GraphQL 双轨实现。

你缺的不是“会写代码”，而是**多端场景下的架构决策能力**——比如什么时候该用 SSR，什么时候切小程序，支付接口如何统一对接。

适合谁？建议先看哪几块？

**基础要求**：
- 已掌握 Vue 基础组件开发，了解 Node.js Express 基本路由；
- 知道 MongoDB 基本增删改查，有过简单后端接口经验；
- 对“前后端分离部署”有概念，但没亲手在服务器上跑通过。

**建议学习顺序**：
1. **第1章环境准备**：别跳过。Git 私有仓库配置、Nginx 端口代理、MongoDB 安装，是后续所有章节的前提，漏掉这一步后面部署会反复踩坑。
2. **第4章公众号功能**：微信 SDK 权限签名、消息中间件抽象，是全栈项目的核心难点，先看这部分理解“API 封装”的设计思路。
3. **第10-13章**：测试、重构、小程序开发、上线部署——这是把前面知识落地的关键，必须动手跟做。

**可以略过**：第3章的 Sass、Pug 等预处理工具介绍，除非你明确需要这些技能。

学完能独立做什么？资料怎么配合？

**独立完成能力**：
- 开发一个基于 Vue SSR 的微信公众号页面，实现微信授权登录与用户资料读取；
- 使用 Node + MongoDB 构建后台管理系统，并提供 RESTful API；
- 基于同一套后端，分别用 RESTful 和 GraphQL 两种风格开发微信小程序；
- 在云服务器上完成前后端分离部署，配置 Nginx 反向代理与域名指向。

**资料配合建议**：
视频中的“冰火”项目源码是完整可运行的，务必跟着敲一遍，不要只看。第10章的“修正第九章错误”和第12章的“GraphQL 改造”是进阶关键，建议先自己尝试实现，再看视频对比差异。测试部分（第10章）不要跳过，线上项目最怕支付等功能出问题。

课程目录

第10章 项目中后期测试与小范围重构
10-1 修正第九章代码错误及模块兼容性说明.mp4 45.59M
10-3 测试和验证客户端的商城支付功能.mp4 52.03M
10-5 调整路由-控制器-数据 API 的分层结构.mp4 45.82M
第11章 小程序开发-基于 Restful API 开发微信小程序
11-4 小程序多页面源码讲解.mp4 74.48M
第12章 小程序开发-基于 GraphQL 改造小程序
12-1 为小程序实现后端支付接口 .mp4 165.86M
12-4 小程序首页通过 GraphQL 一次性获取家族与角色数据.mp4 106.99M
第13章 前后端分离进行上线部署
第1章 本地与服务器环境准备
1-1 导学.mp4 10.38M
1-10 配置 Git 私有仓库管理代码.mp4 44.60M
1-2 课程简介.mp4 14.65M
1-5 选购配置服务器.mp4 32.14M
1-6 安装 Node.js v8.0 生产环境.mp4 72.38M
1-8 配置 Nginx 端口代理与域名指向.mp4 56.23M
1-9 安装 MongoDB 数据库 v3.4.mp4 51.43M
第2章 公众号小程序的服务能力与场景
2-1 公众号主要 API 的能力解读.mp4 24.54M
2-2 小程序主要 API 能力及公众号内申请认证.mp4 41.93M
第3章 相关框架库技术介绍
3-1 Sass 样式预处理器.mp4 14.45M
3-4 Webpack 打包构建工具重构小程序（下）.mp4 98.43M
3-5 Vue.js SSR 实现思路.mp4 42.17M
3-7 Pug（Jade）后端模板引擎.mp4 13.05M
第4章 微信公众号基础功能快速开发
4-11 获取 Ticket 实现 SDK 接入权限签名算法.mp4 90.92M
4-12 在 Vue SSR 中实现微信 JS-SDK 权限接入.mp4 152.01M
4-13 在 Vue SSR 中实现微信网页授权机制与用户资料读取.mp4 159.78M
4-5 抽象微信消息中间件统一处理消息流.mp4 125.63M
4-6 微信消息解析与回复模板封装.mp4 160.29M
4-7 7种微信普通消息的接受与基本回复.mp4 101.96M
第5章 冰火微信前端页面开发
5-1 利用 RAP Mock 提供家族数据的测试接口.mp4 165.21M
5-2 开发家族脸谱首页（上）.mp4 99.26M
5-3 开发家族脸谱首页（下）.mp4 128.11M
5-7 开发周边手办商城页.mp4 75.92M
5-8 开发周边手办商城宝贝购买页.mp4 118.41M
第6章 开发数据爬虫与后台
6-1 爬取 IMDb 冰火卡司阵容.mp4 169.21M
6-4 爬取角色剧照.mp4 60.88M
6-7 获取九大家族详细数据.mp4 50.88M
6-8 关联家族数据与主要人物数据.mp4 85.99M
6-9 家族人物 Mongoose 建模入库.mp4 63.69M
第7章 分层开发 Vue SSR 全站后台
7-5 开发后台商品增删改查页面及功能.mp4 267.61M
第8章 实现全站用户登录策略
8-1 为用户建立基本信息数据模型.mp4 106.95M
第9章 开发微信商城后台
9-2 封装 mixins 实现 Vue 中的支付接口调用.mp4 104.08M
9-4 创建订单数据模型并实现订单创建功能.mp4 114.15M
9-5 利用三方模块封装支付接口与其他订单接口.mp4 79.53M
前端 Vue+Node+MongoDB高级全栈开发/