Aller au contenu
fr
Tous les outils

Catégories

Outils développeurEncodage & décodageJSON & donnéesHash & checksumOutils de texteDate & heureOutils réseauOutils de fichiersMarkdown & diagrammes

Générateur de diagramme de séquence

Écrivez un message par ligne et voyez qui parle à qui, dans l’ordre, sous forme de diagramme de séquence.

Traité localement dans votre navigateur

Options
Un message par ligne : « Émetteur -> Récepteur: texte ». Utilisez « --> » pour une réponse en pointillés. Ou collez du code Mermaid « sequenceDiagram ».0 caractères · 0 lignes
Le résultat apparaîtra ici.

Qu'est-ce que Générateur de diagramme de séquence ?

Un diagramme de séquence montre comment des participants (utilisateurs, services, bases de données) échangent des messages dans le temps. C’est la façon classique de documenter un appel d’API, un parcours de connexion ou une négociation de protocole.

En mode rapide, vous écrivez seulement « Émetteur -> Récepteur: message » par ligne, et « --> » pour une réponse en pointillés. L’outil déclare les participants dans l’ordre d’apparition, convertit les flèches en syntaxe Mermaid, échappe les caractères qui casseraient l’analyseur et affiche le code Mermaid généré à côté du diagramme. Vous pouvez aussi coller votre propre code sequenceDiagram avec boucles, alternatives et notes.

Comment ça marche ?

  1. Écrivez les messages sous la forme « Émetteur -> Récepteur: texte » (un par ligne) ; utilisez « --> » pour les réponses.
  2. Cochez « Numéroter les messages » pour la numérotation automatique et choisissez si les participants se répètent en bas.
  3. Choisissez un thème et vérifiez le diagramme et le panneau « Code Mermaid » généré.
  4. Exportez en SVG ou PNG, ou copiez le code Mermaid dans votre documentation.

Cas d'usage courants

  • Documenter un appel d’API REST ou un parcours de connexion OAuth entre navigateur, serveur et base de données.
  • Expliquer l’interaction de microservices lors d’une revue de conception.
  • Esquisser une négociation de protocole pour une spécification.
  • Préparer un compte rendu d’incident ou de support montrant l’ordre des événements.

Exemples

Essayez cette saisie dans l'outil ci-dessus :

Browser -> Server: GET /login
Server -> Database: Find user
Database --> Server: User record
Server --> Browser: 200 OK + session cookie
Browser -> Server: GET /dashboard
Server --> Browser: Dashboard page

Confidentialité

Générateur de diagramme de séquence s'exécute entièrement dans votre navigateur. Le texte ou les fichiers que vous fournissez sont traités sur votre appareil et ne sont ni envoyés, ni journalisés, ni stockés sur nos serveurs.

Limites

Le plan rapide ne gère que les messages simples et les flèches de réponse. Boucles, blocs alt/opt, activations et notes demandent du code Mermaid sequenceDiagram. Les noms de participants avec espaces sont affichés via des alias.

Questions fréquentes

Comment afficher un message de réponse ?

Utilisez une flèche à double tiret : « Serveur --> Navigateur: 200 OK » trace une ligne pointillée, tandis que « Navigateur -> Serveur: GET / » trace une ligne pleine avec pointe.

Les participants peuvent-ils avoir des noms avec des espaces ?

Oui. Des noms comme « Service de paiement » sont déclarés avec un identifiant généré et affichés avec leur nom complet dans le diagramme.

Puis-je ajouter des boucles ou des alternatives ?

Oui, en mode code Mermaid. Collez du code commençant par sequenceDiagram et utilisez loop, alt/else, opt, par et Note over ; l’option de numérotation reste applicable.

Outils associés

Plus d'outils dans Markdown & diagrammes →