3 x1 k9 Y+ f0 s+ d) R
" j- u7 F8 J* [
〖课程介绍〗 B3 v$ \/ Y1 U9 q
- r9 \9 H4 b7 {3 c7 p 本课程主要解决前端开发人员面对公众号开发以及小程序开发时,遇到的支付、授权、分享的技术和业务痛点,通过此课程能够更加针对性的掌握用户授权流程、分享流程以及支付所涉及到的前后端的各个环节的知识,一次学习终身受用,升职加薪的必备技能。! \! } W+ [ ~' y4 T0 s* T; a% i
" \# `4 G x( M/ C% q4 C
〖课程目录〗+ ?6 g* v# T/ [( k; |* n
第1章 课程导学# R8 V" p9 w) Y- N: B
本章主要介绍课程的知识大纲,学习前提,讲授方式及预期收获。
M- p( H( L8 \/ m7 W" r! y 1-1 导学 试看* w1 s' f$ F3 w) L. X" ?
: b; [+ h- u" i. O$ i
第2章 H5开发
, C5 k/ u/ H& B2 e: E1 J" {, h( L本章节基于VueCli3.0开发H5项目,从架构设计到H5自适应,同时给大家开发适配多端的H5静态页面。" l0 p8 |9 Q" z( v) H/ Z2 X; P
2-1 微信分享前沿知识介绍
. a1 Y, n' ~6 V& r 2-2 Node升级和项目创建(1)" d1 T; @4 f7 P; t1 F
2-3 Node升级和项目创建(2)
; H G6 d8 x$ n9 k' @' q 2-4 前端架构设计(1) 试看& k: U B0 Y4 r& s: ^8 B1 v
2-5 前端架构设计(2)
) i8 ^0 h1 j+ \& [ 2-6 H5响应式方案设计(1)- P0 z) c$ { w: E, [: x$ ?1 K
2-7 H5响应式方案设计(2)
) d O1 L' w6 T7 t4 { 2-8 H5还原UI设计稿(1)4 f: |9 ~2 e1 d" A8 D6 W% J
2-9 H5还原UI设计稿(2)7 M E& t+ f5 ]; R% H
, o( p2 P. ]- A" m3 g; S
第3章 H5接入公众号6 C* p$ a7 d2 J: ~* C' I
本章节介绍了公众号的注册和IDE的前期准备,详细讲解了微信授权流程以及H5本地域名解析和代理功能,最后讲解了H5接入微信分享功能
0 m. m- I; U1 k4 F5 N" S( k: D0 v. ~ 3-1 公众号及IDE准备1 A4 S* u7 a3 H& F' B
3-2 微信授权流程(1) 试看* {* p7 }6 {$ i7 n
3-3 微信授权流程(2)
2 h; j6 f8 n/ v Z( | 3-4 H5添加接口代理、域名解析6 S* K! J( f/ d4 v) u2 Y3 h- F3 E
3-5 H5接入微信分享
% f! P, J" U& U! ~. u
/ H8 I' n) s z6 L# j& ]第4章 Node开发微信分享9 C. ?* V$ |3 u8 A3 b
本章节讲解Express项目创建,Node配合前端做微信用户授权以及通过Node生成js-sdk签名信息。2 o5 N9 K! M* W8 T5 f, I
4-1 Express项目创建% A5 F, i& Q7 b
4-2 微信用户授权(1)7 M* }% q! |. g
4-3 微信用户授权(2)
" d6 L1 A) r9 `1 N' Y6 F4 A1 Y 4-4 微信用户授权(3)
0 d1 m7 a) W0 a6 P% L: c 4-5 获取用户信息4 C) Q6 u; P7 L
4-6 生成JS-SDK签名算法(1)1 Z k$ j: p" V7 R
4-7 生成JS-SDK签名算法(2)9 u" u4 z4 o7 y/ c4 I
% O0 \0 B3 u$ J; |% {- `) K4 Z第5章 安装与使用MongoDB
4 R- E. H7 k4 m3 g. s. }本章节主要讲解MongoDB的安装和使用以及通过Node连接MongoDB,最后开发Node接口保存用户信息。
) }! p; Y$ G, {7 H# u" e5 I 5-1 Mongo安装(1)
, X! N4 I$ A+ @) | 5-2 Mongo安装(2)$ B5 U% [0 L+ ?/ v* l% E# F9 f. X
5-3 Node连接Mongo
4 W( [5 K% U( Y! r# K" O$ ?) x) e 5-4 Node存储用户信息% t- [/ Y" t. {; v! {
8 c4 h3 Q+ }; r- T6 _+ o% z
第6章 小程序授权分享
% p& W H4 u# ]本章节主要介绍了小程序的注册以及框架介绍,以及小程序的创建和规范定义,小程序的公共机制和小程序的授权登录功能实现。! i8 `+ ^" M* s3 G3 [: x, M
6-1 小程序分享介绍
# i% d x) p+ t, t( a- D 6-2 小程序分享项目演示6 m: \: G" \2 R# l
6-3 小程序注册和框架介绍
3 ~( \$ U% O3 h' a 6-4 小程序创建和规范定义(1)( U- }# ?7 c$ ?1 @1 Y" ?' v
6-5 小程序创建和规范定义(2), C" l: d6 e I3 g# U2 F
6-6 小程序公共机制(1). {- S1 Z: I2 h& N4 G! b; q
6-7 小程序公共机制(2), o8 E, {2 W5 u( f- |: m$ Z
6-8 小程序公共机制(3)
2 q" C( d: B% `7 q9 ? 6-9 小程序公共机制(4)
, Q: C/ R, {9 ?3 v% L, ] 6-10 小程序首页静态页面开发
/ n% o" }" q4 A4 _1 H1 N* q* L 6-11 小程序授权登录(1)
( x) g1 ~6 v+ c+ a2 X 6-12 小程序授权登录(2)
T' {, w C6 `1 G 6-13 Node对接小程序授权登录(1)
0 Z/ i# a% j" ^4 u7 }4 z6 H 6-14 Node对接小程序授权登录(2). x, z# ?2 g" c: O" D; b A- W
6-15 小程序分享
8 P0 f3 M% V; l1 W6 n
! F; O- Z: l& u3 X第7章 小程序云授权分享0 l% G; }8 e/ M6 M( I; Y
本节课主要介绍小程序云的开通和创建,如何使用云函数和云数据库,最后给大家介绍云如何实现授权登录功能。6 F8 {! b7 j1 C
7-1 小程序云演示 E. S$ \. ]1 l* g0 A* K
7-2 小程序云手机演示
) K4 w T/ L. w2 ?% v% K8 E 7-3 小程序云开发介绍4 k$ ]' ]6 }% s( h, [/ b5 g
7-4 小程序云项目创建
4 R' a6 Q+ m/ V! ^ N 7-5 小程序云函数使用(1)
$ |0 y* e V1 q# v, k& m 7-6 小程序云函数使用(2)
8 q/ z; [. f' s 7-7 小程序云用户授权登录(1)3 O3 d( b" {, |: W
7-8 小程序云用户授权登录(2)
8 h1 K& K1 ] i6 L& P! m- M- B) O7 v7 D4 H
第8章 小程序支付
5 F; N% Y# ^5 b9 I# g本章节主要以Node开发为主,给大家讲解如何生成预支付ID,如何签名,如何生成小程序端的package信息,通过本节课的学习能够掌握小程序从分享授权到支付的完整流程。
: H' ^6 B/ D8 L7 h& x 8-1 支付前沿介绍( i" ?7 n% e( D: |, q/ U
8-2 支付流程讲解8 K# A B2 N/ r" Q) B" j
8-3 小程序支付实现(1)1 K3 I& A: X/ j( ?* B" k
8-4 小程序支付实现(2)
) d+ w* G7 Z# ?. m5 A 8-5 小程序支付实现(3)& g- N, W; v2 |, o2 p1 k! @7 O
8-6 小程序支付实现(4)9 v5 Q) Z/ C6 ~: f
8-7 小程序端接入支付功能(1)4 t, Z7 J' s- N5 ^0 C9 G0 m V
8-8 小程序端接入支付功能(2)
1 H. W* K8 [) A
' o/ q: ^2 B5 u' X. C7 z第9章 小程序云支付2 P2 Y. {6 c6 p e9 C
本章节主要讲解通过小程序云如何实现支付功能,以及如何把支付模块同步到云函数上。
, d1 v7 w) i4 ~1 ~3 ~ 9-1 小程序云函数本地调试
% n. ^# l0 p! `+ z$ K# z1 d 9-2 小程序云生成支付签名
4 E* C( I: X8 K' x& x 9-3 云函数实现支付功能(1)
0 M/ T" u+ Y, q( N+ z3 h2 d4 f 9-4 云函数实现支付功能(2)$ X, [ h) W4 E6 e5 m: h7 ]
9-5 云函数实现支付功能(3)0 Z2 r6 j6 S: `2 r
9-6 云函数实现支付功能(4)* {9 q' O7 n0 |: a
1 e- k# f% w/ p7 H. F$ }( ?
第10章 H5公众号支付! z2 d0 B4 } _" h4 n2 [- z
本章节主要讲解H5如何实现支付功能以及支付回掉功能,同时做线上部署演示。, \9 u5 F5 @- H" _- x3 i, [
10-1 H5支付资源准备8 J5 `1 Q' u" J, c6 ?/ s- H
10-2 完善H5页面和配置2 i/ q* h' G7 N$ X, v: \7 \
10-3 微信白名单设置
/ O9 ^' S/ ~1 K# `/ q' ? 10-4 H5支付前端功能实现
+ ?4 z& N$ m G 10-5 H5支付后端功能实现5 S% v1 D+ E) W9 i" g, M2 {
10-6 实现支付回调通知
0 @4 j! H/ {: T, g/ R' L# G2 c e5 N3 W4 k
第11章 项目部署
8 f$ j/ T, p: Y) [: k3 K8 Z o: [7 }本章节主要讲解H5项目、Node项目的服务器部署和小程序的线上版本发布
$ J" k1 \" I) y0 B: F% K 11-1 小程序部署
% ^: D" ^! }* S3 F0 } 11-2 小程序云部署$ q1 L% a Y% m% u9 x. }+ a
11-3 Node部署(1)5 o- `* T. @' Y( E
11-4 Node部署(2)- F2 w# O. L* Q
3 ?, h. T- V& ^ E; \8 C第12章 课程总结8 z3 r9 c! G1 D: L* U
本章节主要回顾我们所讲的内容和需要注意的开发事项。
: N9 g& j& t( t' a) n5 p5 o 12-1 课程总结
7 @. I3 P" n) N$ G9 R+ L5 @
+ n7 I% @- h0 ?) }3 y
* ~7 z. W+ t2 K$ r ^〖下载地址〗( u- t7 ^, b& D) \ u# D
& \, }+ M0 F- G" q [8 V4 V! t6 ?8 F) z2 g$ o& j; ~
|
|