新出月付与季付会员,为决定改变,全力以赴的同学们。👉 点击订阅:)

博客

微信支付:H5 移动端支付实施细节手册


之前我们完成了开发微信支付时需要做的准备,还实施了一个扫码支付功能。 介绍了微信支付的基本流程,还有相关的一些概念。扫码支付比较适用于桌面端的应用,因为支付的时候需要用到微信 App 扫二维码。下面再介绍一种适用于移动端的微信支付方法,就是 H5 支付。用户在移动设备的浏览器上提交支付请求,会调开微信 App 进行支付,支付完成以后又会被重定向到原来的支付页面。

文章有配套视频《微信支付:H5 移动端支付》,订阅宁皓网可以在线学习所有相关的课程。

小程序支付流程图

Sketch,简单的把小程序的支付流程图重新做了一遍。原版的小程序支付流程图,点击这里

角色

  • 用户:使用小程序发起支付的人。
  • 小程序:微信小程序。
  • 应用:我们自己的应用后台,为小程序提供后端服务。
  • 微信:微信支付系统。

移动支付在餐饮服务业的应用小场景

图:Anna Paschenko

周三一般我们都会全家出洞,进城找点吃的。主要是因为工作日人比较少,还有礼拜三经常会打折。在公交车上就开始找,工具就是全国人民都在用的大众点评。想到一家很小的馆子,但是发现他们中午很早就休息了,来不及了。下了公交车,走进一家大商场,看到了 I ❤️ 莜。

I ❤️ 莜给我的印象是一家面条店,进去才知道他们比较著名的还有牛羊肉。这家店的视觉设计看样子花了不少钱,很讲究。首先就是这个 I ❤️ 莜,看了以后应该很难忘记。餐桌上铺着红白格格桌布,很可爱,也很温暖。我们被招呼坐下来,等着人家给拿菜单,发现没动静,就问了句:“怎么点菜?”,服务生回了句:“扫码微信点菜。”

微信支付:开发准备与实施扫码支付细节手册(下)

图:Anna Paschenko

微信扫码支付,就是在应用上生成一个支付用的二维码,用户可以扫描二维码确认并完成支付。扫码支付提供了两种模式,我们要用的是第二种模式。

搭建微信支付开发环境,参考:《微信支付:开发准备与实施扫码支付细节手册(上)

文章有一个配套的视频版本,宁皓网会员可以在线观看《微信支付:开发准备与扫码支付

微信支付:开发准备与实施扫码支付细节手册(上)

图:Anna Paschenko

开通微信支付服务,准备一个可以在互联网上被访问到的开发环境,就可以为应用开发微信支付功能了。下面就一起了解一下搭建开发微信支付环境的方法,然后在一个 Node.js 应用里实现微信支付的扫码支付(Native)功能。

内容比较多,所以分成两个部分,这是上半部分,主要介绍的是微信支付开发前的一些准备工作,在本地搭建一个开发微信支付的环境。文章配套有个视频版本,宁皓网会员可以在线观看:《微信支付:开发准备与扫码支付》。

Node.js:微信支付课程预告

主要目的是用最简单的方法理解微信支付的流程,首先要实施的是微信支付里的扫码支付功能,生成支付二维码,用户扫码完成支付。这种支付方式提供了两种模式,课程里用的是模式二。

Node.js:把调试日志输出到文件里

最近在调试 Node.js 应用,我需要一个简单的方法,把调试信息输出到文件里,这样在编辑器里打开日志文件,检查调试信息更方便一些。我用的是 log4js,它可以让我们把调试日志输出到控制台,文件,Redis,SMTP 等等。

Node.js:Adonis 框架 Service Providers

前面我们了解过怎么把依赖绑定到 IoC 容器里,下面继续往后看看关于 Service Providers 的东西,了解怎么发行与 Adonis 生态系统相兼容的包。

介绍

ioc.bind 方法可以用来注册绑定,不过现在还没有明确的说明要在哪里调用这个方法。这就是 Service Providers 做的事情。Service Providers 就是简单的类,里面带着一些生命周期方法可以用来注册与启动绑定。

Node.js:Adonis.js 框架 IoC container

IoC:Inversion of Control,字面的意思是控制反转,它是一种程序设计的思路。Container 不装在哪出现,一般它都指的就是容器,只不过在什么地方出现,容器里装的东西都不太一样。下面了解一下 Node.js 应用框架 Adonis.js 里的 IoC 容器。

问题

无用抽象

先来看个程序设计问题,比如在应用里要确定数据库只被连接一次,可以把配置数据库用的代码单独放在一个文件里,然后在应用的其它地方导入这个文件里包含的东西。这段代码类似下面这样:

lib/database.js

Redux:管理 React.js 应用的数据流动


你知道 React.js 是个前端应用框架,但你经常看到它跟 Redux 一块儿出现,于是就懵了。Redux 可以作为应用里面的一部分,它可以帮我们管理应用里面的数据(State Management)。应用复杂到一定程度的时候,你需要一套更好的方法来控制各种组件上面显示的数据。

宁皓网最近推出的 Redux 课程,帮你理解 Redux 上的核心概念,还介绍了在 React 应用上使用 Redux 的方法。如果你用的是 Vue.js 框架,可以使用 Vuex 来管理应用数据。

订阅宁皓网,来学一下用 React.js 开发前端应用。



微信好友

用微信扫描二维码,
加我好友。



微信公众号

用微信扫描二维码,
订阅宁皓网公众号。



240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

8899
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点