模板 / sequenceDiagram

支付结账时序图

经支付服务商完成订单确认的流程,包含由 webhook 驱动的授权成功与拒付分支。

在 Studio 中打开

预览

Mermaid 11 渲染器

正在渲染预览...

Mermaid 源码

sequenceDiagram

sequenceDiagram
    autonumber
    actor Shopper
    participant Shop as Storefront
    participant Pay as Payment provider
    participant Bank

    Shopper->>Shop: Confirm order
    Shop->>Pay: Create payment intent
    Pay-->>Shop: Client secret
    Shopper->>Pay: Submit card details
    Pay->>Bank: Authorize charge
    alt Authorized
        Bank-->>Pay: Approved
        Pay-->>Shop: Webhook payment_succeeded
        Shop-->>Shopper: Order confirmed
    else Declined
        Bank-->>Pay: Declined
        Pay-->>Shop: Webhook payment_failed
        Shop-->>Shopper: Ask for another method
    end

更多模板