Tutorial

Checkout

The checkout process as a sequence diagram.

JSON · Open in the playground

sequenceDiagram
  autonumber
  title checkout
  participant n9 as shop
  participant n10 as orders
  participant n11 as orders-db
  n9->>n10: HTTPS · order
  n10->>n11: TCP 5432 · order
  n10-->>n9: order

As a graph

checkout n9 shop e0 https/443 n9->e0 n10 orders e1 tcp/5432 n10->e1 n11 orders-db e0->n10 e1->n11

Nodes 3

ResourceKindFrame
shopapp
ordersapp
orders-dbdatabase

Edges 2

FromToPortsLayersCarriesThrough
shopordershttps/443floworder
ordersorders-dbtcp/5432floworder