第三方支付（微信支付）支付流程分析

日常我们都会经常用到移动支付，很多APP会选择调用第三方支付作为支付方式，或者是用户使用移动支付应用，如微信支付或者支付宝支付。

今天说说微信支付

支付流程看起来挺简单，打开微信，扫一扫/APP调用微信，输入密码/按个指纹就ok了。

正常来说，使用指纹支付的时候，用户只需要按三次就可以完成支付（见下图）

点击“立即支付”，点击“确认支付”，按指纹

第一个页面是生成支付订单，需要告诉用户订单名称，订单编号，支付金额和收款方

细节1：考虑要提供给用户的什么信息，也就是订单信息上写什么

细节2：此刻点击“取消”按钮，并不会直接退出支付，中间会弹出阻断信息，询问用户是否确认取消支付。我是这么考虑，第一，用户可能会误点，如果是误点，对于再次提交支付在心理上有一定打击；第二，用户在犹豫，可以犹豫的事情应该设置一个阻断信息。

第二个页面支付确认弹窗。这里只有收款方，支付金额和支付方式（扣款方）

选择一：选择支付方式

选择二：指纹支付/使用密码

在这里我是已经开通了指纹支付。在进入支付确认页面的时候还要判断用户是否开通指纹支付，开通指纹支付弹出指纹支付页面，未开通弹出密码支付页面。这里不需要用户选择。用户未开通支付方式的情况，可以在用户支付完成后提示用户开通指纹支付

这个页面需要用户选择的是支付方式，微信会提供默认的支付方式。用户需要变更支付方式的时候，可以点击修改。

变更支付方式有可能是默认支付方式不够钱，或者用户不想用这个方式支付。解决办法可以是换个支付方式，或者绑定新卡，也可以使用支付宝，只是微信是不会引导用户转投支付宝的。

微信支付这里设置的只有一个页面，后面两个都是弹窗。

用户在使用密码支付的时候，输入六位数的密码后不需要按确认

对于设计支付流程需要考虑的问题：

需要提供用户什么信息

支付来源。提供什么样的支付方式给用户选择

支付确认方式，密码和指纹。指纹支付是比密码支付快捷的，需要考虑是否提示用户开通指纹支付，这里又要考虑用户的硬件设备是否支持。这里可以检测用户机型，然后选择是否发出提示，支付过程中是不适合提示，所以要在支付后，提示应该只是提示一次。同时应该告诉用户取消之后在哪里可以自行开通

在顺利的支付过程中不需要用户点击除确认外的其他按钮，并且步骤尽量少

密码和指纹错误次数的限制。如果用户多次输入错误密码和指纹怎么处理。考虑提供找回密码的功能，怎么设置找回密码又是一个需要考虑的问题，既需要考虑到方便，也需要考虑安全

支付过程中提示动画，告诉用户在支付中，和加载中，刷新中等同理，在后台处理，用户等待的时候告诉用户现在是什么情况

支付成功，支付失败提示等

网络状况不好的情况。我试了在支付过程中断网，微信支付给出的是下图

我自己画了一个简单的支付流程图，支付流程看起来可能很简单，如果考虑到各种情况，还是不太简单的，这个图还没有绑定银行卡和找回密码流程

小结：

产品设计的时候，单纯的正向流程是简单的，考虑完整所有的分支节点就会变复杂；而且要考虑反向流程是否要和正向流程一致。哪些确定是必要的，哪些确定是可以不必要的。需要考虑状态和提示等细节

第三方支付（微信支付）支付流程分析相关推荐

第三方支付——微信app支付
微信App支付前言本篇文章将结合自己实际开发经验,从一下几个方面介绍微信app支付,什么是微信app支付?支付流程是什么样的? 前期需要准备些什么?结合官方文档和实际代码带大家走流程. 正文微信 ...
微信（jspai版本即公众号h5版）支付-微信下单支付及企业转账到零钱
微信(jspai版本即公众号h5版)支付-微信下单支付及企业转账到零钱一.后端前置条件二.配置h5 devServer 三.后端开发代码四.前端开发代码(uniapp) 一.后端前置条件准备好 ...
微信jsapi支付获取code_JAVA开发微信支付-公众号支付/微信浏览器支付（JSAPI）
写这篇文章的目的有2个,一是自己的项目刚开发完微信支付功能,趁热回个炉温习一下,二也是帮助像我这样对微信支付不熟悉,反复看了多天文档还是一知半解,原理都没摸清,更不要说实现了.本以为网上的微信开发教程 ...
微信支付—微信H5支付「PC端扫码支付」
前言微信支付-微信H5外部浏览器支付微信支付-微信H5内部浏览器支付微信支付-PC端扫码支付「本文」本篇是微信支付系列的第三篇,PC端扫码支付. 开发环境:Java + SpringBoot ...
微信支付—微信H5支付「微信内部浏览器」
前言微信支付-微信H5外部浏览器支付微信支付-微信H5内部浏览器支付「本文」微信支付-PC端扫码支付「待写」本篇是微信支付系列的第二篇.微信H5内部浏览器支付,关于微信H5外部浏览器唤起微信A ...
微信支付—微信H5支付「非微信内部浏览器-QQ/UC浏览器等」
前言微信支付-微信H5外部浏览器支付「本文」微信H5内部浏览器支付「待写」 PC端扫码支付「待写」一直计划着写一写微信支付相关的文章,希望能加深一下自己的印象,拖了一天又一天- 最近终于空出时间 ...
php h5微信支付和app微信支付区别,关于微信公众号支付微信H5支付和微信APP支付的问题（PHP）TP+VUE...
话不多说直接上源码在写支付之前一定要确定好微信要求配置的相关回调域名安全支付域名还有杂七杂八的哪些地址都准备好了要不然是没法实现的微信公众平台微信商户平台还有开发者平台什么的这点比较 ...
android微信h5转原生支付,微信原生支付流程以及踩坑
本次记录的是微信"JSAPI"的支付方式也就是微信内H5页面调起支付,其他支付方式也大同小异,总体的流程和思路大致是一样的,基本配置方面就不详细记录,只需要商户号和商户Key, ...
uni-app 微信小程序支付/公众号支付/h5支付宝/h5微信/支付宝app支付/微信app支付
思路: 先判断是app/h5/微信小程序如果是h5,判断是微信内打开还是微信外 app.vue onLaunch: function() {uni.setStorageSync('h5Type', ...
Android源码配置第三方应用电池白名单流程分析笔记
这里以MTK6765 Android S举例说明,Android系统在加载客户应用白名单的过程. 首先Android系统可以根据不同手机厂商的需要进行源码的定制,当然定制应用白名单也是可以的,一般情况 ...

第三方支付（微信支付）支付流程分析

第三方支付（微信支付）支付流程分析相关推荐

最新文章

热门文章