〖课程介绍〗:

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

 

〖课程目录〗:

  • 第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)

〖视频截图〗:

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注