Vue/小程序/小程序云+Node+Mongo开发微信授权、支付和分享

      大家好，我是河畔一角，今天给大家介绍我的第三门实战课程：基于微信开发的H5、小程序和小程序云的授权、支付和分享专项课程。

一、这一次为什么会选择微信支付和分享的课题呢？

      金庸的小说中曾提到：有人的地方就有江湖。微信的月活达到10亿，因此微信的生态和江湖再中国无疑是巨无霸，既然是江湖，那必然少不了厮杀和争斗。

纵观国内市场，支付两大巨头微信和支付宝，得益于微信的社交基因，恰恰是我们前端开发者的天然战场，再公司的业务当中，我们的营销活动、公众号、小程序、微信H5等等无一不是我们前端必学技能、必备杀手锏。线上的电商、医疗、教育到线下的餐饮、共享单车、O2O等等各行各业都在拥抱互联网，而支付、授权、分享更是他们的核心，有了授权分享才能拉动更多用户、有了支付才能提高收入，增加用户便捷的支付体验。

因此我们针对这个主题展开给大家做实战讲解，同时结合Node和Mongo，让大家彻底搞懂微信支付和微信授权分享的知识，一次学习，终身受用。

二、为什么支付课程要做全栈？

     1. 支付课程涉及业务宽泛、知识面广，支付链条长，既不是纯前端可以实现，也不少纯后端可以实现，一定需要前后端配合才能实现完整的支付功能，因此支付分享少一端都无法完成。

     2. 对于前端开发者而言，纯前端有非常大的技术和业务局限，不利于我们的职业发展和个人成长，长期来看，越懂全栈的人越是受到青睐，因为眼界更高、知识面更宽、业务适应能力更强。

     3. 掌握全栈技术能够应对公司更多的业务，方便我们再项目开发上得心应手。

三、这么课程主要讲什么？

基于微信平台开发授权、分享、支付功能，主要通过公众号H5、小程序和小程序云来展开讲解。

四、这门课能学到什么？

1. 掌握微信SDK的各种技能（授权、分享、支付）

2. 掌握前后端整体的支付闭环

3. 对项目架构、模块设计、开发规范、公共机制等多角度学习和掌握

4. 掌握Vue2.6、Node、小程序以及小程序云等前端技术栈

5. 学会Nginx部署、Node部署（前端非常难接触的知识）

五、公众号、小程序和小程序云的项目架构

六、公共机制介绍

1. 目录结构

2. 工具函数

3. 开发规范

4. H5域名解析、Vue代理

5. log4js

6. H5移动端适配

7. api封装

8. storage封装

9. 路由封装

10. 支付模块封装

七、课程安排

第一章：H5开发

第二章：H5接入微信公众号

第三章：Express后台实现

第四章：MongoDB使用

第五章：小程序授权分享

第六章：小程序云授权分享

第七章：小程序支付

第八章：小程序云支付

第九章：公众号H5支付

第十章：项目部署

第十一章：项目总结

八、项目展示

大家可以通过如下二维码进行微信扫码体验

以上分别对应：微信公众号H5、小程序和小程序云

小程序云再扫码后无支付页面，大家可以点击详情进入详情页面再返回，反复做6次即可看到，为什么会这样呢？主要是微信对支付有限制，虚拟支付审核不能通过，所以为了规避这种审核，我把支付功能做了隐藏。

页面如下：

微信登录授权：

进入活动详情页面：

进入支付页面：

调起微信支付：

  

分享卡片如下：

  

以上为小程序的授权登录、分享、支付截图，H5和小程序云基本类似。

以上内容是此次课程的介绍，希望把我再这方面所掌握的业务知识和技能分享给大家，让每个前端学习课程的同学都能够从中受益、收货满满。

针对小程序和小程序云的支付开发

注：由于支付业务的特殊性，针对小程序和小程序云的支付开发，大家的个人用户可能无法在本地做演练，由于服务器、认证成本较高，所以我可以单独为大家提供有偿服务，19/月可体验经过微信认证、微信支付认证、开通商户的小程序，并拥有开发权限可本地模拟演示。如果大家有需求，发邮件到我邮箱：chenjianbing@51purse.com，并留下课程订单号、微信号或者QQ号，顺便可以提供一下支付截图给我，我收到后会联系你进行确认和权限开通。

课程地址：https://coding.imooc.com/class/343.html