Dicas de Visual Studio Code: criando diagramas de arquitetura | pt9
Este artigo representa a nona parte da série que venho produzindo com dicas e truques na utilização do Visual Studio Code. Os próximos links referenciam os posts anteriores, ficando o convite para você acessar estes conteúdos ou até revê-los:
Dicas de Visual Studio Code: testes de carga e geração de senhas fortes | pt8
Dicas de Visual Studio Code: To-do list e comparação de arquivos | pt7
Dicas de Visual Studio Code: Git Graph e acessando repositórios Git no browser | pt6
Dicas de Visual Studio Code: integração com Git via Terminal e Kubernetes Templates | pt5
Dicas de Visual Studio Code: testes de APIs REST e integração com Azure DevOps | pt4
Dicas de Visual Studio Code: extensões para MongoDB e Git | pt3
Dicas de Visual Studio Code: extensões para Redis e geração de arquivos .gitignore | pt2
Dicas de Visual Studio Code: extensão para Kubernetes | pt 1
E aproveito este post com um convite…
Nesta segunda 13/12 às 21:00 — horário de Brasília — teremos mais um evento online e gratuito no canal Canal .NET.
Será uma live em que apresentarei exemplos utilizando vários frameworks e a integração com soluções como o Azure DevOps, bem como novidades do .NET 6 e orientações sobre como automatizar os testes, o build e o deployment de seus projetos.
Para participar faça sua inscrição no link a seguir, a transmissão acontecerá via YouTube:
Diagramas de arquitetura com a extensão Draw.io Integration
Criar diagramas detalhando a arquitetura/tecnologias de uma solução é uma necessidade mais do que frequente, quer estejamos na área de Software, Infraestrutura, DevOps, Dados, AI… E o diagrams.net/draw.io se destaca como solução neste segmento por sua simplicidade, sendo acessível via browser (ou como uma desktop app) e contando inclusive com símbolos para representar serviços das principais plataformas de nuvem do mercado (Microsoft Azure, AWS, Google Cloud…).
E se pudéssemos utilizar os recursos do diagrams.net/draw.io também no Visual Studio Code?
A extensão gratuita Draw.io Integration torna isto possível, permitindo inclusive que os gráficos criados sejam posteriormente acessados a partir do site do diagrams.net/draw.io:
A implementação de um diagrama acontecerá em arquivos com a extensão .drawio, com o Visual Studio Code oferecendo uma interface de trabalho bastante similar àquela encontrada no site/aplicativo do diagrams.net/draw.io:
Na animação a seguir podemos observar as diversas opções de figuras oferecidas, com a seleção de um conjunto englobando diferentes serviços do Microsoft Azure:
Podemos então navegar entre as diferentes categorias de recursos do Azure, adicionando facilmente a um diagrama uma figura que represente um serviço esperado em uma representação esquemática:
Já a próxima imagem traz um diagrama devidamente configurado, com figuras representando dentro do contexto de um projeto hipotético serviços como Azure DevOps, Azure Container Registry, Azure App Service, Application Insights e Azure Cosmos DB:
Temos então a opção de exportar diagramas como o do exemplo deste artigo para formatos como .png ou .svg (este último com uma maior qualidade gráfica), além de acessar o arquivo de extensão .drawio via site do diagrams.net/draw.io:
