手机H5支付流程概述

手机H5支付流程概述

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

1，请求下单（）

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

2，调微信支付接口下单（）

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

3，得到URL后跳转（链接）

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

4，校验权限，安全性（）

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

5，支付通知（）

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

6，调起原浏览器，跳转目标页面（）

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

7，查询支付结果（）

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

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

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

9，调用查询API（）

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

10，展示支付结果

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

​

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

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

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