💬 Mermaid

Diagramma di sequenza

Mostra come dialogano sistemi e persone

Apri questo esempio nell’editor Generane uno con l’IA

Che cos’è un Diagramma di sequenza?

Un diagramma di sequenza mostra i messaggi scambiati tra i partecipanti nel tempo: chiamate API, flussi di autenticazione, comunicazione tra microservizi. È lo standard per documentare le interazioni nell’architettura software.

Esempio dal vivo

Codice Mermaid

sequenceDiagram
    autonumber
    participant U as User
    participant A as API
    participant D as Database
    U->>A: POST /login
    A->>D: SELECT user
    D-->>A: user row
    A-->>U: 200 + JWT token
    U->>A: GET /profile (Bearer)
    A-->>U: 200 profile

Esempio dal vivo

Quando usarlo

Documentare flussi API, autenticazione e protocolli di pagamento

Progettare le interazioni tra microservizi prima dell’implementazione

Eseguire il debug di incidenti in produzione mappando la catena reale delle chiamate

Sintassi di base

.mmd

sequenceDiagram
    participant A as Alice
    participant B as Bob
    A->>B: Sync request
    B-->>A: Async response

Domande su questo diagramma

Cosa significano i tipi di freccia in un diagramma di sequenza Mermaid?

Le frecce piene (->>) sono chiamate sincrone, le frecce tratteggiate (-->>) sono risposte o messaggi asincroni. Le attivazioni mostrano quando un partecipante è impegnato nell’elaborazione.

Posso rappresentare cicli e condizioni?

Sì — Mermaid supporta i blocchi loop, alt (if/else), opt (opzionale) e par (parallelo) per esprimere la logica di protocolli reali.

Esplora gli altri tipi di diagrammi

🔀 Diagramma di flusso 🧩 Diagramma delle classi 🗄️ Diagramma entità-relazione 🔄 Diagramma degli stati 📅 Diagramma di Gantt 🥧 Grafico a torta 🧠 Mappa mentale 🌿 Grafo Git 🕰️ Linea temporale 🚶 Percorso utente 🎯 Grafico a quadranti

Crea ora il tuo Diagramma di sequenza

Descrivilo in linguaggio naturale — l’IA scrive il codice Mermaid per te.

Apri Mermaid Studio