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

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

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

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

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

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

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

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

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

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

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

https://img4.mukewang.com/5cd7f2340001dc0b14040714.jpg


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

四、这门课能学到什么?

掌握微信SDK的各种技能(授权、分享、支付)

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

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

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

学会Nginx部署、Node部署(前端非常难接触的知识)

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

https://img4.mukewang.com/5cd7f3490001179207800551.jpg

 

 

 

 

 

 

 

 

 

https://img.mukewang.com/5cd7f3870001e73707800680.jpg

六、公共机制介绍

目录结构

工具函数

开发规范

H5域名解析、Vue代理

log4js

H5移动端适配

api封装

storage封装

路由封装

支付模块封装

七、课程安排

第一章:H5开发

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

第三章:Express后台实现

第四章:MongoDB使用

第五章:小程序授权分享

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

第七章:小程序支付

第八章:小程序云支付

第九章:公众号H5支付

第十章:项目部署

第十一章:项目总结

八、项目展示

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

https://img2.mukewang.com/5cd7f49b00018a2214920393.jpg

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

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

页面如下:

https://img4.mukewang.com/5cd7f6ba000115fc10802339.jpg

微信登录授权:

https://img4.mukewang.com/5cd7f6ba00017cd910802339.jpg

进入活动详情页面:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpgzyz.html