Tigshop 使用文档
多方式支付流程
10. 多方式支付流程(买家端)
订单提交成功后买家在支付页选择微信、支付宝、PayPal、Stripe、余额或线下等方式完成付款;成功则展示结果并可查看订单或回首页,失败或超时则重试或进入待付款/取消。
参与角色:买家/消费者、系统、支付渠道
flowchart TD
Start([提交订单成功]) --> ShowPayPage[展示支付页面]
ShowPayPage --> ShowOrderInfo[显示订单号与应付金额]
ShowOrderInfo --> ChoosePayMethod{选择支付方式}
%% 微信支付
ChoosePayMethod -->|微信支付| WechatPay[微信支付]
WechatPay --> WechatEnv{当前环境}
WechatEnv -->|PC端| WechatQR[生成支付二维码]
WechatQR --> ScanQR[用户扫码支付]
WechatEnv -->|H5/APP| WechatJSAPI[唤起微信支付]
WechatJSAPI --> WechatConfirm[用户确认支付]
ScanQR --> WechatResult
WechatConfirm --> WechatResult{支付结果}
%% 支付宝
ChoosePayMethod -->|支付宝| AlipayPay[支付宝支付]
AlipayPay --> AlipayEnv{当前环境}
AlipayEnv -->|PC端| AlipayPage[跳转支付宝收银台]
AlipayEnv -->|H5/APP| AlipaySDK[唤起支付宝APP]
AlipayPage --> AlipayConfirm[用户确认支付]
AlipaySDK --> AlipayConfirm
AlipayConfirm --> AlipayResult{支付结果}
%% PayPal
ChoosePayMethod -->|PayPal| PaypalPay[PayPal支付]
PaypalPay --> PaypalRedirect[跳转PayPal支付页]
PaypalRedirect --> PaypalLogin[登录PayPal账号]
PaypalLogin --> PaypalConfirm[确认支付]
PaypalConfirm --> PaypalResult{支付结果}
%% Stripe
ChoosePayMethod -->|Stripe| StripePay[Stripe银行卡支付]
StripePay --> InputCard[输入银行卡信息]
InputCard --> StripeConfirm[确认支付]
StripeConfirm --> StripeResult{支付结果}
%% 余额支付
ChoosePayMethod -->|余额支付| BalancePay[余额支付]
BalancePay --> CheckBalance{余额是否充足}
CheckBalance -->|否| BalanceInsufficient[提示余额不足,请充值]
BalanceInsufficient --> ChoosePayMethod
CheckBalance -->|是| InputPayPwd[输入支付密码]
InputPayPwd --> VerifyPwd{支付密码是否正确}
VerifyPwd -->|否| PwdError[提示密码错误]
PwdError --> InputPayPwd
VerifyPwd -->|是| BalanceResult{支付结果}
%% 线下支付
ChoosePayMethod -->|线下支付| OfflinePay[线下转账/货到付款]
OfflinePay --> ShowOfflineInfo[展示收款账号/说明]
ShowOfflineInfo --> OfflineResult{等待人工确认}
%% 支付结果处理
WechatResult -->|成功| PaySuccess
WechatResult -->|失败| PayFail
AlipayResult -->|成功| PaySuccess
AlipayResult -->|失败| PayFail
PaypalResult -->|成功| PaySuccess
PaypalResult -->|失败| PayFail
StripeResult -->|成功| PaySuccess
StripeResult -->|失败| PayFail
BalanceResult -->|成功| PaySuccess
BalanceResult -->|失败| PayFail
OfflineResult -->|确认到账| PaySuccess
OfflineResult -->|超时未付| PayTimeout
PaySuccess[支付成功] --> ShowSuccess[展示支付成功页面]
ShowSuccess --> SuccessAction{后续操作}
SuccessAction -->|查看订单| GoOrderDetail[进入订单详情]
SuccessAction -->|继续购物| GoHome[返回商城首页]
PayFail[支付失败] --> RetryPay{是否重试}
RetryPay -->|是| ChoosePayMethod
RetryPay -->|否| PendingOrder[订单进入待付款状态]
PayTimeout[支付超时] --> OrderCancel[订单自动取消]
GoOrderDetail --> End1([订单详情])
GoHome --> End2([商城首页])
PendingOrder --> End3([待付款订单])
OrderCancel --> End4([订单已取消])
步骤说明
- 提交订单成功后进入支付页,查看订单号与应付金额。
- 选择支付方式:微信、支付宝、PayPal、Stripe、余额或线下等。
- 微信:按环境在 PC 端扫码支付或 H5/APP 唤起支付并确认,得到成功或失败结果。
- 支付宝:按环境跳转收银台或唤起 APP,确认后得到成功或失败结果。
- PayPal:跳转 PayPal 页登录并确认支付,得到成功或失败结果。
- Stripe:录入银行卡信息并确认支付,得到成功或失败结果。
- 余额:校验余额是否充足;不足则提示充值并重新选择支付方式;充足则输入支付密码,错误可重试,正确则扣款并得到成功或失败结果。
- 线下:展示收款账号或说明,等待人工确认到账;确认到账视为成功,超时未付则进入支付超时分支。
- 支付成功:展示成功页,可进入订单详情或返回商城首页。
- 支付失败:可选择重试支付或放弃;放弃则订单保持待付款状态。
- 支付超时:订单自动取消。
- 流程结束。
大纲
10. 多方式支付流程(买家端)
步骤说明
赣公网安备36010902001041号