Ferramenta de diagrama de arquitetura C4 Mermaid

Expressa a arquitetura do sistema de software com base no modelo C4, mostrando gradualmente o design do sistema desde o contexto e os contentores até ao nível de componentes.

O que é um diagrama C4

Um diagrama C4 é um método de modelação para visualização de arquiteturas de software, mostrando a estrutura do sistema em diferentes níveis, como contexto, contentores, componentes e código. O diagrama de arquitetura C4 ajuda as equipas de desenvolvimento e os arquitetos a compreender os limites do sistema, as relações entre módulos e a arquitetura técnica em diferentes granularidades, sendo uma ferramenta comum no design moderno de arquiteturas de software.

Casos de uso

Design de arquitetura de software

Mostra a estrutura do sistema de software em diferentes níveis, ajudando a equipa a compreender a composição e as dependências do sistema.

Análise do contexto do sistema

Mostra as relações entre o sistema, os utilizadores e os sistemas externos, clarificando os limites e o âmbito de responsabilidades do sistema.

Design da arquitetura de contentores

Descreve as relações de implementação entre componentes técnicos como serviços de aplicações, bases de dados e filas de mensagens.

Análise de relações entre componentes

Decompõe ainda mais os módulos internos do sistema, mostrando as interações e dependências entre componentes.

Revisão de soluções técnicas

Usado em revisões de arquitetura, intercâmbio técnico e documentação de projetos, melhorando a compreensão da equipa sobre o design do sistema.

Diagrama C4Modelos gratuitos

E-commerce System Context

E-commerce System Context

Payment Service Component Diagram

Payment Service Component Diagram

Como gerar diagramas C4

1

Vários métodos de edição

Pode gerar diagramas C4 escrevendo código Mermaid, geração com IA, reconhecimento de imagens, resumo de código e outros métodos; também pode usar os nossos modelos de diagrama C4 incorporados para desenhar diagramas de arquitetura C4.

2

Renderização automática

Depois de introduzir a sintaxe Mermaid, o diagrama C4 é gerado e pré-visualizado em tempo real, com suporte para personalizar estilos e designs do diagrama C4.

3

Exportar ou partilhar

Pode descarregar o diagrama C4 e guardá-lo no seu dispositivo. Suportamos a exportação do diagrama C4 nos formatos PNG, PDF, SVG, JPG, Markdown, entre outros. Também pode clicar no botão «Partilhar» para partilhar a ligação com outras pessoas.

4

Editar novamente

Se não estiver satisfeito com o resultado, clique no botão «Edição gráfica» para editar o diagrama C4 novamente no editor do ProcessOn.

Diagrama C4Sintaxe habitual

Sintaxe
Gráfico
Significado
C4Context
Diagrama de contexto do sistema
Criar um diagrama de contexto de sistema C4
C4Container
Diagrama de contentores
Criar um diagrama de contentores C4
C4Component
Diagrama de componentes
Criar um diagrama de componentes C4
C4Dynamic
Diagrama de interação dinâmica
Criar um diagrama de interação dinâmica C4
C4Deployment
Diagrama de implementação
Criar um diagrama de implementação C4
title
Título
Definir o título do diagrama C4
Person(alias, "label", "description")
Pessoa
Representa o utilizador ou papel que usa o sistema
Person_Ext(alias, "label", "description")
Pessoa externa
Representa pessoas ou papéis organizacionais externos ao sistema que participam na interação
System(alias, "label", "description")
Nó de sistema
Representa o sistema de software a analisar
System_Ext(alias, "label", "description")
Nó de sistema externo
Representa serviços de terceiros ou sistemas de software externos dos quais o sistema depende
System_Boundary(alias, "label")
Limite do sistema
Representa o limite do âmbito do sistema
Container(alias,"label","technology")
Contentor
Representa unidades de software dentro do sistema que podem ser executadas de forma independente
ContainerDb(alias,"label","technology")
Base de dados
Representa componentes de armazenamento de dados no sistema
Container_Boundary(alias, "label")
Limite do contentor
Representa o âmbito de um contentor ou serviço
Component(alias,"label","technology")
Componente
Representa módulos de software dentro do contentor com responsabilidades claras
ComponentDb(alias,"label","technology")
Componente de dados
Representa módulos de acesso ou armazenamento de dados usados dentro do componente
Component_Boundary(alias, "label")
Limite do componente
Representa o âmbito de um conjunto de componentes
Deployment_Node(alias,"label","technology")
Nó de implementação
Representa o ambiente de infraestrutura onde o software é executado
Container_Instance(alias,"label")
Instância de contentor
Representa instâncias de software em execução no ambiente de implementação
Rel(source,target,"label")
Relação
Definir relações de chamada, interação ou transmissão de dados entre dois elementos
BiRel(source,target,"label")
Relação bidirecional
Representa a existência de comunicação bidirecional ou troca de dados entre dois elementos
Rel_Back(source,target,"label")
Relação inversa
Representa a relação na direção do nó de destino de volta ao nó de origem
Rel_Back_Neighbor(source,target,"label")
Relação inversa de vizinhança
Representa a relação de ligação inversa entre nós adjacentes
Mais sintaxe

Porquê escolher-nos

Ferramenta de edição online

Utilização gratuita de modelos

Capacidades avançadas de IA

Pré-visualização em tempo real

Exportação em vários formatos

Suporte para edição posterior

Diagrama C4Perguntas sobre desenho

O que é um diagrama C4 Mermaid?

O diagrama C4 Mermaid é um diagrama de arquitetura de software baseado no modelo C4, usado para descrever a estrutura do sistema em diferentes níveis, incluindo contexto do sistema, contentores e componentes.

O diagrama C4 Mermaid é adequado para o design de arquiteturas de software?

Sim. O diagrama C4 Mermaid ajuda arquitetos e equipas de desenvolvimento a expressar claramente os limites do sistema, a composição de serviços e as relações entre módulos.

Que níveis estão incluídos num diagrama C4 Mermaid?

O diagrama C4 Mermaid inclui normalmente diagramas de contexto, contentores, componentes e estruturas ao nível de código; os diferentes níveis mostram informações de arquitetura de software com granularidades diferentes.

Qual é a diferença entre o diagrama C4 Mermaid e um diagrama de arquitetura comum?

O diagrama de arquitetura Mermaid geralmente foca-se em mostrar as relações entre módulos do sistema, enquanto o diagrama C4 Mermaid baseia-se num método de modelação padronizado, ajudando a equipa a compreender sistemas de software complexos através de perspetivas por níveis.

Como criar um diagrama C4 Mermaid?

Pode definir sistemas, contentores, componentes e relações através da sintaxe C4 do Mermaid, gerando rapidamente diagramas de arquitetura de software em conformidade com o modelo C4.