〖课程介绍〗:

本课程主要解决前端开发人员面对公众号开发以及小程序开发时，遇到的支付、授权、分享的技术和业务痛点，通过此课程能够更加针对性的掌握用户授权流程、分享流程以及支付所涉及到的前后端的各个环节的知识，一次学习终身受用，升职加薪的必备技能。

〖课程目录〗:

第1章 课程导学试看1 节 | 11分钟

本章主要介绍课程的知识大纲，学习前提，讲授方式及预期收获。

收起列表

视频：1-1 导学 (10:34)试看

第2章 H5开发试看11 节 | 136分钟

本章节基于VueCli3.0开发H5项目，从架构设计到H5自适应，同时给大家开发适配多端的H5静态页面。

收起列表

视频：2-1 微信分享前沿知识介绍 (07:33)

视频：2-2 Node升级和项目创建（1） (13:59)

视频：2-3 Node升级和项目创建（2） (13:02)

视频：2-4 前端架构设计（1） (16:07)试看

视频：2-5 前端架构设计（2） (16:35)

视频：2-6 H5响应式方案设计（1） (15:51)

视频：2-7 H5响应式方案设计（2） (15:18)

视频：2-8 H5还原UI设计稿（1） (17:49)

视频：2-9 H5还原UI设计稿（2） (19:15)

作业：2-10 【讨论题】H5自适应方案都有哪些？

作业：2-11 【讨论题】如何理解公众号H5、小程序和小程序云开发？

第3章 H5接入公众号试看5 节 | 102分钟

本章节介绍了公众号的注册和IDE的前期准备，详细讲解了微信授权流程以及H5本地域名解析和代理功能，最后讲解了H5接入微信分享功能

收起列表

视频：3-1 公众号及IDE准备 (23:31)

视频：3-2 微信授权流程（1） (16:15)试看

视频：3-3 微信授权流程（2） (19:34)

视频：3-4 H5添加接口代理、域名解析 (15:28)

视频：3-5 H5接入微信分享 (26:46)

第4章 Node开发微信分享8 节 | 145分钟

本章节讲解Express项目创建，Node配合前端做微信用户授权以及通过Node生成js-sdk签名信息。

收起列表

视频：4-1 Express项目创建 (16:47)

视频：4-2 微信用户授权（1） (18:17)

视频：4-3 微信用户授权（2） (20:41)

视频：4-4 微信用户授权（3） (24:05)

视频：4-5 获取用户信息 (25:28)

视频：4-6 生成JS-SDK签名算法（1） (15:41)

视频：4-7 生成JS-SDK签名算法（2） (23:47)

作业：4-8 【讨论题】微信用户授权流程？

第5章 安装与使用MongoDB5 节 | 69分钟

本章节主要讲解MongoDB的安装和使用以及通过Node连接MongoDB，最后开发Node接口保存用户信息。

收起列表

视频：5-1 Mongo安装（1） (15:20)

视频：5-2 Mongo安装（2） (16:27)

视频：5-3 Node连接Mongo (18:22)

视频：5-4 Node存储用户信息 (18:38)

作业：5-5 【讨论题】MongoDB都有哪些坑？

第6章 小程序授权分享15 节 | 196分钟

本章节主要介绍了小程序的注册以及框架介绍，以及小程序的创建和规范定义，小程序的公共机制和小程序的授权登录功能实现。

收起列表

视频：6-1 小程序分享介绍 (06:37)

视频：6-2 小程序分享项目演示 (05:35)

视频：6-3 小程序注册和框架介绍 (19:21)

视频：6-4 小程序创建和规范定义（1） (13:21)

视频：6-5 小程序创建和规范定义（2） (12:53)

视频：6-6 小程序公共机制（1） (16:12)

视频：6-7 小程序公共机制（2） (15:47)

视频：6-8 小程序公共机制（3） (14:52)

视频：6-9 小程序公共机制（4） (14:20)

视频：6-10 小程序首页静态页面开发 (11:48)

视频：6-11 小程序授权登录（1） (10:38)

视频：6-12 小程序授权登录（2） (10:43)

视频：6-13 Node对接小程序授权登录（1） (15:21)

视频：6-14 Node对接小程序授权登录（2） (15:39)

视频：6-15 小程序分享 (12:37)

第7章 小程序云授权分享8 节 | 76分钟

本节课主要介绍小程序云的开通和创建，如何使用云函数和云数据库，最后给大家介绍云如何实现授权登录功能。

收起列表

视频：7-1 小程序云演示 (01:49)

视频：7-2 小程序云手机演示 (04:58)

视频：7-3 小程序云开发介绍 (08:22)

视频：7-4 小程序云项目创建 (09:01)

视频：7-5 小程序云函数使用（1） (17:28)

视频：7-6 小程序云函数使用（2） (06:58)

视频：7-7 小程序云用户授权登录（1） (12:03)

视频：7-8 小程序云用户授权登录（2） (14:27)

第8章 小程序支付9 节 | 131分钟

本章节主要以Node开发为主，给大家讲解如何生成预支付ID，如何签名，如何生成小程序端的package信息，通过本节课的学习能够掌握小程序从分享授权到支付的完整流程。

收起列表

视频：8-1 支付前沿介绍 (12:29)

视频：8-2 支付流程讲解 (14:11)

视频：8-3 小程序支付实现（1） (20:23)

视频：8-4 小程序支付实现（2） (19:34)

视频：8-5 小程序支付实现（3） (16:45)

视频：8-6 小程序支付实现（4） (15:41)

视频：8-7 小程序端接入支付功能（1） (16:20)

视频：8-8 小程序端接入支付功能（2） (14:36)

作业：8-9 【讨论题】微信支付流程？

第9章 小程序云支付6 节 | 87分钟

本章节主要讲解通过小程序云如何实现支付功能，以及如何把支付模块同步到云函数上。

收起列表

视频：9-1 小程序云函数本地调试 (08:45)

视频：9-2 小程序云生成支付签名 (24:24)

视频：9-3 云函数实现支付功能（1） (08:43)

视频：9-4 云函数实现支付功能（2） (15:07)

视频：9-5 云函数实现支付功能（3） (18:37)

视频：9-6 云函数实现支付功能（4） (10:21)

第10章 H5公众号支付6 节 | 87分钟

本章节主要讲解H5如何实现支付功能以及支付回掉功能，同时做线上部署演示。

收起列表

视频：10-1 H5支付资源准备 (21:21)

视频：10-2 完善H5页面和配置 (17:03)

视频：10-3 微信白名单设置 (05:13)

视频：10-4 H5支付前端功能实现 (16:45)

视频：10-5 H5支付后端功能实现 (12:15)

视频：10-6 实现支付回调通知 (13:43)

第11章 项目部署5 节 | 70分钟

本章节主要讲解H5项目、Node项目的服务器部署和小程序的线上版本发布

收起列表

视频：11-1 小程序部署 (16:12)

视频：11-2 小程序云部署 (05:30)

视频：11-3 Node部署（1） (14:17)

视频：11-4 Node部署（2） (18:05)

视频：11-5 公众号H5项目部署 (15:43)

第12章 课程总结2 节 | 32分钟

本章节主要回顾我们所讲的内容和需要注意的开发事项。

收起列表

视频：12-1 课程总结 (09:26)

视频：12-2 微信支付-手机号授权获取 (22:24)