💬 Mermaid

Diagramme de séquence

Montrez comment systèmes et personnes dialoguent

Ouvrir cet exemple dans l’éditeur En générer un avec l’IA

Qu’est-ce qu’un Diagramme de séquence ?

Un diagramme de séquence montre les messages échangés entre participants au fil du temps : appels API, flux d’authentification, communication entre microservices. C’est le standard pour documenter les interactions en architecture logicielle.

Exemple en direct

Code 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

Exemple en direct

Quand l’utiliser

Documenter flux API, authentification et protocoles de paiement

Concevoir les interactions entre microservices avant l’implémentation

Déboguer des incidents en cartographiant la chaîne d’appels réelle

Syntaxe de base

.mmd

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

Questions sur ce diagramme

Que signifient les types de flèches dans un diagramme de séquence Mermaid ?

Les flèches pleines (->>) sont des appels synchrones, les flèches pointillées (-->>) des réponses ou messages asynchrones. Les activations montrent quand un participant est occupé.

Puis-je représenter des boucles et des conditions ?

Oui — Mermaid prend en charge les blocs loop, alt (if/else), opt (optionnel) et par (parallèle) pour exprimer la logique de vrais protocoles.

Explorer les autres types de diagrammes

🔀 Flowchart (logigramme)🧩 Diagramme de classes 🗄️ Diagramme entité-association 🔄 Diagramme d’états 📅 Diagramme de Gantt 🥧 Diagramme circulaire 🧠 Carte mentale 🌿 Graphe Git 🕰️ Frise chronologique 🚶 Parcours utilisateur 🎯 Matrice à quadrants

Créez votre Diagramme de séquence maintenant

Décrivez-le en langage naturel — l’IA écrit le code Mermaid pour vous.

Ouvrir Mermaid Studio