手机H5支付流程概述

手机H5支付流程概述

昨天写了一个手机微信小程序的支付流程,今天自己参考了微信小程序官方文档,找到了浏览器支付调用微信支付的方法以及支付过程,还是老样子,先来看看这个思维导图,理解了昨天的那个,今天这个也就看起来比较简单明了了,还是逐步分析
在这里插入图片描述

1,请求下单()

​ 这一步是由用户在浏览器通过点击支付按钮调起来的,这一步之后会在商户的后台**保存这个订单 **

2,调微信支付接口下单()

​ 这一步是由商户的后台来直接请求微信支付后台的,这时候微信支付后台会返回给商户后台跳转的URL商户后台收到后来返回给前端302消息跳转

3,得到URL后跳转(链接)

​ 浏览器得到了URL后会调起一个跳转到微信的页面的请求,这个请求直接发送到微信支付后台

4,校验权限,安全性()

​ 微信支付后台经过校验后直接返回给前端校验的结果,前端收到结果后通过deeplink调用在微信客户端调起支付

5,支付通知()

​ 用户支付后给商户后台返回一个支付结果,商户后台将这个支付结果返回给微信支付后台,方便下面判断支付通知

6,调起原浏览器,跳转目标页面()

​ 支付完成后会返回到原来的浏览器页面

7,查询支付结果()

​ 返回到浏览器后前端开始向商户后台来调用查询支付结果的方法,

8,判断是否收到通知,是否调起支付查询

​ 商户后台 则通过判断自身是否收到通知判断是否调起支付查询,而商户后台判断是否收到通知则需要向微信支付后台去查询

9,调用查询API()

​ 商户后调用了 **查询的API ** 后微信支付后台返回给商户后台支付结果,商户后台就把支付结果返回给前端浏览器

10,展示支付结果

​ 前端收到支付结果后对支付结果向用户进行展示

基本的流程就是上面的,与微信小程序的支付不同的是,整个过程前端与商户后台的交互增加了,

请求下单----》跳转微信支付----》deeplink调用----》查询支付结果----》展示支付结果

整体实现过程就是这样,具体实现代码还是有待于去深入的学习和理解

©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页