APP支付

产品流程

用户已安装招商银行APP的支付交互时序图

以下为交互时序图,具体功能实现由业务场景决定。

系统交互图(7.15).png

商户系统和一网通支付系统主要交互说明:

步骤1:用户在商户端页面选择商品,提交订单,选择一网通支付。

步骤2:商户后台收到支付订单,生成订单信息、签名信息等。

步骤3:用户在商户端确定订单,点击支付。

步骤4:商户端调用招商银行SDK发起支付,SDK工具包判断用户是否安装招行APP,已安装后唤起招行APP进行支付。

步骤5:用户完成登陆后,进入支付详情页,页面展示商户名称、交易单号、支付账户、订单金额等信息,用户点击“立即支付”后,完成支付。

步骤6:招行APP通过Scheme的url跳转商户APP,商户端拦截url交由SDK处理,SDK工具包将支付状态通过商户APP已实现的回调接口执行回调。参考ios接口Android接口

步骤7:商户后端收到成功支付结果异步通知。参见成功支付结果通知API

步骤8:商户可以通过退款接口发起退款,通过退款查询API确认退款交易状态,通过查询入账明细API进行对账。

用户未安装招商银行APP的支付交互时序图

2.png

商户系统和一网通支付系统主要交互说明:

步骤1:用户在商户端页面选择商品,提交订单,选择一网通支付。

步骤2:商户后台收到支付订单,生成订单信息、签名信息等。

步骤3:用户在商户端确定订单,点击支付。

步骤4:商户端调用招商银行SDK发起支付,SDK工具包判断用户是否安装招行APP,未安装打开招行H5页面进行支付。

步骤5:用户完成登陆后,进入支付详情页,页面展示商户名称、交易单号、支付账户、订单金额等信息,用户点击“立即支付”后,完成支付。

步骤6:招行H5页面通过JS-SDK接口传递支付状态至SDK工具包,SDK将支付状态通过商户APP已实现的回调接口执行回调。参考ios接口Android接口

步骤7:商户后端收到成功支付结果异步通知。参见成功支付结果通知API

步骤8:商户可以通过退款接口发起退款,通过退款查询API确认退款交易状态,通过查询入账明细API进行对账。

注:对于使用flutter框架无法使用SDK,或希望使用web开发跳转APP支付的商户,可参考APP支付相关下载使用 flutter框架对接招行APP支付的开发案例参考