% B( C2 O6 w% j1 b. c
3 b% ?+ V& }) {% I4 U4 u〖课程介绍〗 B3 v$ \/ Y1 U9 q
; c: _5 H* T" ~0 N+ k 本课程主要解决前端开发人员面对公众号开发以及小程序开发时,遇到的支付、授权、分享的技术和业务痛点,通过此课程能够更加针对性的掌握用户授权流程、分享流程以及支付所涉及到的前后端的各个环节的知识,一次学习终身受用,升职加薪的必备技能。
6 ~! X' q. T/ k# j! \% F/ b) @( p+ a+ @/ h, h! c& N) o
〖课程目录〗% G8 E. u; R/ `' j9 V6 g
第1章 课程导学
7 k/ w# ^. S1 {本章主要介绍课程的知识大纲,学习前提,讲授方式及预期收获。
% D$ @! D4 ?. L$ _$ R9 Q 1-1 导学 试看* A5 i3 g1 H; |, M& T$ }
! ^' h1 Q1 _$ E7 ?! A J
第2章 H5开发! }! @, v% ~. ?9 Y2 t* l
本章节基于VueCli3.0开发H5项目,从架构设计到H5自适应,同时给大家开发适配多端的H5静态页面。
4 o% U$ u& f) s: ] 2-1 微信分享前沿知识介绍 ]1 a |+ Z M; R
2-2 Node升级和项目创建(1)3 E) m2 p! L* v8 l: v3 Z
2-3 Node升级和项目创建(2)
0 n' P/ w7 H; @3 y+ z6 [: `! F 2-4 前端架构设计(1) 试看0 a: Z$ H# j3 G; Y
2-5 前端架构设计(2)
; ^) ?& O$ d+ S4 c 2-6 H5响应式方案设计(1)
2 `& y, F' T+ C& K1 O 2-7 H5响应式方案设计(2)' z2 K7 P9 \) e8 c
2-8 H5还原UI设计稿(1)
: L. f0 d7 V% v$ J4 `% ^8 }' X 2-9 H5还原UI设计稿(2)) x: X# j; u5 y$ `
) M& {) R1 S' ^7 ^) C& T第3章 H5接入公众号* e* i" Q' G+ x5 {" H; i7 T
本章节介绍了公众号的注册和IDE的前期准备,详细讲解了微信授权流程以及H5本地域名解析和代理功能,最后讲解了H5接入微信分享功能- A1 R4 j+ |+ }* S& l7 g4 q
3-1 公众号及IDE准备
; L% }4 r! e* o/ W* z 3-2 微信授权流程(1) 试看
* [; m2 ?/ p" T0 c) B4 x 3-3 微信授权流程(2)
4 |- O1 x* u7 o6 p" @+ C 3-4 H5添加接口代理、域名解析
8 W8 H5 D: g \8 e0 A) n9 Z 3-5 H5接入微信分享
; t- N4 t2 u: Q0 b0 B5 i; Q3 C
- A: B, {: N: c6 u. W+ ~/ U2 ] F第4章 Node开发微信分享" h1 N: R& _% d/ Y0 y) ]5 e" x
本章节讲解Express项目创建,Node配合前端做微信用户授权以及通过Node生成js-sdk签名信息。& `, t' Y# }$ ?0 F3 b
4-1 Express项目创建
* P# f. _1 n/ _+ p* v0 E5 x9 p$ B% R 4-2 微信用户授权(1)+ p0 [$ B4 y8 M8 }0 C
4-3 微信用户授权(2)
# x+ ]7 w$ ~- q$ [; G6 G 4-4 微信用户授权(3): L5 C" F y- \' n" d1 Q, |
4-5 获取用户信息. r% o# _; @2 t! e6 @
4-6 生成JS-SDK签名算法(1)
# [, }2 ?: m' I 4-7 生成JS-SDK签名算法(2)
2 O1 I/ ?( ?" ]9 Z% D
6 K0 \: y5 s6 S第5章 安装与使用MongoDB
1 g& k+ s7 W0 m3 ?. C5 h本章节主要讲解MongoDB的安装和使用以及通过Node连接MongoDB,最后开发Node接口保存用户信息。
; b+ O* p9 `% |# G3 ` 5-1 Mongo安装(1)
5 n' h: y4 m" F6 R; ` 5-2 Mongo安装(2)
8 ~! ~" b' ?0 f+ ~; \8 B5 q! z; P( Y 5-3 Node连接Mongo1 y) N7 K7 K1 @5 k" ~8 A4 W4 L
5-4 Node存储用户信息$ x7 _: J! n; r" y5 N2 T* N( K2 z9 T
$ Y1 @# E8 F' q+ B+ \第6章 小程序授权分享
) q: Z- U$ P; v+ _! H6 e. U本章节主要介绍了小程序的注册以及框架介绍,以及小程序的创建和规范定义,小程序的公共机制和小程序的授权登录功能实现。
m0 o; g: r. o/ I' _9 O0 o 6-1 小程序分享介绍
8 O7 o e' I- L7 D 6-2 小程序分享项目演示
! w( `3 ?( K4 t 6-3 小程序注册和框架介绍
8 l5 ]% U& @* H9 {# b- U( ? 6-4 小程序创建和规范定义(1)5 m/ f# X6 h- @8 ~
6-5 小程序创建和规范定义(2) A5 ?2 G! S4 M1 D! n7 B& M
6-6 小程序公共机制(1)6 }/ g. x+ `6 f0 X. Y4 R0 @
6-7 小程序公共机制(2)7 K$ K, R1 q) A* ?& \
6-8 小程序公共机制(3) V0 ^$ a9 U- }/ Y! p2 w
6-9 小程序公共机制(4)
9 H& P0 J' K+ B3 u& \+ e 6-10 小程序首页静态页面开发! o$ L) m& H1 @& N2 k* X2 X' E
6-11 小程序授权登录(1)
6 k0 m* \' v& g0 _$ |" I 6-12 小程序授权登录(2)
( u9 [# v9 M) C, n 6-13 Node对接小程序授权登录(1)
' `' c5 ?$ ^5 j8 m+ M/ ~: y: o 6-14 Node对接小程序授权登录(2)
- Q- W7 Y- z0 s% I. K 6-15 小程序分享
+ r- x/ ]9 j o$ o3 H7 f
0 N2 ^* m! \5 y; O0 U第7章 小程序云授权分享
+ X4 K4 B2 [0 G; w: y7 i本节课主要介绍小程序云的开通和创建,如何使用云函数和云数据库,最后给大家介绍云如何实现授权登录功能。# `; f3 B, l. @; e3 b9 `! c- d( D
7-1 小程序云演示
" k8 F, T$ t/ l+ {, b$ c4 j0 K% U 7-2 小程序云手机演示
$ ?4 C: g( O/ [5 r! m7 D 7-3 小程序云开发介绍& h) \# v. m1 F7 O8 Y
7-4 小程序云项目创建; |% F6 L' W9 M- |
7-5 小程序云函数使用(1)! b `' l) c w5 x0 y9 @9 k
7-6 小程序云函数使用(2)7 j$ Q. k( c* M) E2 z. S/ X
7-7 小程序云用户授权登录(1)
7 @* K+ d% R M: M0 C" a. T 7-8 小程序云用户授权登录(2)% b m& j& I2 c# n! H. c) K1 d H/ n) w
0 H7 Z I0 L5 i2 k第8章 小程序支付
# W% z) f& f; S5 w; n4 T本章节主要以Node开发为主,给大家讲解如何生成预支付ID,如何签名,如何生成小程序端的package信息,通过本节课的学习能够掌握小程序从分享授权到支付的完整流程。
6 P% T! l2 s6 n6 _- x& Z 8-1 支付前沿介绍
2 T, }8 e1 U1 z- w 8-2 支付流程讲解8 L9 A8 G" F, E6 a. f
8-3 小程序支付实现(1)4 V/ f; ~9 C! z
8-4 小程序支付实现(2); T, i4 G3 o+ ?, i/ y+ J( N/ E
8-5 小程序支付实现(3)
0 y7 L- u8 z- g 8-6 小程序支付实现(4)) D q; m9 w* X1 i
8-7 小程序端接入支付功能(1)* v) g* M' G- Z3 @; A$ P n
8-8 小程序端接入支付功能(2)
% G2 O" \3 E3 n, A- J( I5 _8 w/ ^
, K9 D3 |# c9 H, Y9 b, f4 i第9章 小程序云支付3 @5 I+ P. J; _: J' r% q7 K2 z1 l0 f( F
本章节主要讲解通过小程序云如何实现支付功能,以及如何把支付模块同步到云函数上。3 i8 C- |* O2 F+ B, e- A
9-1 小程序云函数本地调试
( o6 T' S9 j# x) J9 O3 a 9-2 小程序云生成支付签名' J( R2 G- Q4 O9 z+ v
9-3 云函数实现支付功能(1)
1 G/ j0 X* h/ f% f6 E, h 9-4 云函数实现支付功能(2)+ t: _9 K6 K: ]: g2 O8 D
9-5 云函数实现支付功能(3)3 u5 k$ _/ ?: ]
9-6 云函数实现支付功能(4). d, \- E2 L* F4 |; Z
. r- Z( Z- w/ Q( ?, N* c4 d第10章 H5公众号支付
1 F! l1 U D! S$ O本章节主要讲解H5如何实现支付功能以及支付回掉功能,同时做线上部署演示。
7 s# }* _0 a. W' \$ o# i: Y; w" X 10-1 H5支付资源准备3 }$ X z4 Q1 k2 k% b7 H
10-2 完善H5页面和配置
# z& m) ]4 ~8 q# Z 10-3 微信白名单设置5 x* i+ C2 y. ~( N2 r
10-4 H5支付前端功能实现5 {0 v1 ]* H7 S2 _6 ~
10-5 H5支付后端功能实现
+ b o. h3 H1 G9 G 10-6 实现支付回调通知
0 x% G/ u. o3 v% [
' s" K1 |. \% Q; U+ a8 m$ a第11章 项目部署
% R K3 M1 _" n* r/ v本章节主要讲解H5项目、Node项目的服务器部署和小程序的线上版本发布; p" ], V6 }+ O, G
11-1 小程序部署
* W# i- z8 h) N. L 11-2 小程序云部署
4 R M1 {( C B1 M: I- a; L 11-3 Node部署(1)
. }2 X- E) q: ~' x. k1 v7 X 11-4 Node部署(2)
6 _: k" q4 [) y6 `! g$ B1 h
1 v/ p8 C# W) ~第12章 课程总结
1 j- @% F& {) f2 J0 R- z6 N本章节主要回顾我们所讲的内容和需要注意的开发事项。, f ?* U1 R, B. F3 `% P$ ]* K
12-1 课程总结) `7 ?$ h1 \ B* P) J- k
0 C$ L# P& S3 n& B+ I- b7 ?; l; N, x4 q! X9 q* U/ D$ r9 u
〖下载地址〗7 X1 F) u& S0 j" c& m1 q; g; d' v
1 V" @. j3 i! E' G
z$ G- }: W, ]1 J9 S |
|