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([订单已取消])

步骤说明

  1. 提交订单成功后进入支付页,查看订单号与应付金额。
  2. 选择支付方式:微信、支付宝、PayPal、Stripe、余额或线下等。
  3. 微信:按环境在 PC 端扫码支付或 H5/APP 唤起支付并确认,得到成功或失败结果。
  4. 支付宝:按环境跳转收银台或唤起 APP,确认后得到成功或失败结果。
  5. PayPal:跳转 PayPal 页登录并确认支付,得到成功或失败结果。
  6. Stripe:录入银行卡信息并确认支付,得到成功或失败结果。
  7. 余额:校验余额是否充足;不足则提示充值并重新选择支付方式;充足则输入支付密码,错误可重试,正确则扣款并得到成功或失败结果。
  8. 线下:展示收款账号或说明,等待人工确认到账;确认到账视为成功,超时未付则进入支付超时分支。
  9. 支付成功:展示成功页,可进入订单详情或返回商城首页。
  10. 支付失败:可选择重试支付或放弃;放弃则订单保持待付款状态。
  11. 支付超时:订单自动取消。
  12. 流程结束。
多方式支付流程
请输入搜索内容
大纲
10. 多方式支付流程(买家端)
步骤说明