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

时间:2024-01-18 08:09:26

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

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

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

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

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

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

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

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

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

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

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

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

四、这门课能学到什么?

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

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

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

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

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

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

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

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

六、公共机制介绍

  1. 目录结构

  2. 工具函数

  3. 开发规范

  4. H5域名解析、Vue代理

  5. log4js

  6. H5移动端适配

  7. api封装

  8. storage封装

  9. 路由封装

  10. 支付模块封装

七、课程安排

第一章:H5开发

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

第三章:Express后台实现

第四章:MongoDB使用

第五章:小程序授权分享

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

第七章:小程序支付

第八章:小程序云支付

第九章:公众号H5支付

第十章:项目部署

第十一章:项目总结

八、项目展示

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

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

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

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

页面如下:

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

微信登录授权:

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

进入活动详情页面:

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

进入支付页面:

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

调起微信支付:

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

分享卡片如下:

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

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

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

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

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

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