收藏

微信分享与支付专项课程(公众号、小程序、小程序云)

使用Vue2.6/小程序+Node技术栈,详解用户授权登录、分享、支付前后端的各个环节

微信分享与支付专项课程 (公众号 小程序(云))

难度 中级 时长 16小时 学习人数 729 综合评分 9.97

微信分享与支付专项课程 (公众号 小程序(云))

  • 第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章 安装与使用MongoDB 5 节 | 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)
本课程已完结


讲师

河畔一角 Web前端工程师

9年前端开发经验,现任货拉拉某业务前端Leader,主导负责H5、小程序、中后台、低代码等主要方向架构设计。

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题