大家好,我是河畔一角,今天给大家介绍我的第三门实战课程:基于微信开发的H5、小程序和小程序云的授权、支付和分享专项课程。
一、这一次为什么会选择微信支付和分享的课题呢?
金庸的小说中曾提到:有人的地方就有江湖。微信的月活达到10亿,因此微信的生态和江湖再中国无疑是巨无霸,既然是江湖,那必然少不了厮杀和争斗。
纵观国内市场,支付两大巨头微信和支付宝,得益于微信的社交基因,恰恰是我们前端开发者的天然战场,再公司的业务当中,我们的营销活动、公众号、小程序、微信H5等等无一不是我们前端必学技能、必备杀手锏。线上的电商、医疗、教育到线下的餐饮、共享单车、O2O等等各行各业都在拥抱互联网,而支付、授权、分享更是他们的核心,有了授权分享才能拉动更多用户、有了支付才能提高收入,增加用户便捷的支付体验。
因此我们针对这个主题展开给大家做实战讲解,同时结合Node和Mongo,让大家彻底搞懂微信支付和微信授权分享的知识,一次学习,终身受用。
二、为什么支付课程要做全栈?
1. 支付课程涉及业务宽泛、知识面广,支付链条长,既不是纯前端可以实现,也不少纯后端可以实现,一定需要前后端配合才能实现完整的支付功能,因此支付分享少一端都无法完成。
2. 对于前端开发者而言,纯前端有非常大的技术和业务局限,不利于我们的职业发展和个人成长,长期来看,越懂全栈的人越是受到青睐,因为眼界更高、知识面更宽、业务适应能力更强。
3. 掌握全栈技术能够应对公司更多的业务,方便我们再项目开发上得心应手。
三、这么课程主要讲什么?
基于微信平台开发授权、分享、支付功能,主要通过公众号H5、小程序和小程序云来展开讲解。
四、这门课能学到什么?
掌握微信SDK的各种技能(授权、分享、支付)
掌握前后端整体的支付闭环
对项目架构、模块设计、开发规范、公共机制等多角度学习和掌握
掌握Vue2.6、Node、小程序以及小程序云等前端技术栈
学会Nginx部署、Node部署(前端非常难接触的知识)
五、公众号、小程序和小程序云的项目架构
六、公共机制介绍
目录结构
工具函数
开发规范
H5域名解析、Vue代理
log4js
H5移动端适配
api封装
storage封装
路由封装
支付模块封装
七、课程安排
第一章:H5开发
第二章:H5接入微信公众号
第三章:Express后台实现
第四章:MongoDB使用
第五章:小程序授权分享
第六章:小程序云授权分享
第七章:小程序支付
第八章:小程序云支付
第九章:公众号H5支付
第十章:项目部署
第十一章:项目总结
八、项目展示
大家可以通过如下二维码进行微信扫码体验
以上分别对应:微信公众号H5、小程序和小程序云
小程序云再扫码后无支付页面,大家可以点击详情进入详情页面再返回,反复做6次即可看到,为什么会这样呢?主要是微信对支付有限制,虚拟支付审核不能通过,所以为了规避这种审核,我把支付功能做了隐藏。
页面如下:
微信登录授权:
进入活动详情页面:
进入支付页面:
调起微信支付:
分享卡片如下:
以上为小程序的授权登录、分享、支付截图,H5和小程序云基本类似。
以上内容是此次课程的介绍,希望把我再这方面所掌握的业务知识和技能分享给大家,让每个前端学习课程的同学都能够从中受益、收货满满。
针对小程序和小程序云的支付开发
注:由于支付业务的特殊性,针对小程序和小程序云的支付开发,大家的个人用户可能无法在本地做演练,由于服务器、认证成本较高,所以我可以单独为大家提供有偿服务,19/月可体验经过微信认证、微信支付认证、开通商户的小程序,并拥有开发权限可本地模拟演示。如果大家有需求,发邮件到我邮箱:chenjianbing@51purse.com,并留下课程订单号、微信号或者QQ号,顺便可以提供一下支付截图给我,我收到后会联系你进行确认和权限开通。