Azure + Modelagem de Arquiteturas: recursos gratuitos para criação de diagramas

Renato Groffe
4 min readJan 29, 2022

Ao trabalhar com o Microsoft Azure certamente em algum momento precisaremos desenhar a arquitetura de um projeto, seja visando a aprovação do mesmo junto a stakeholders ou até em discussões envolvendo escolhas técnicas. Neste post apresento algumas soluções que podem auxiliar neste sentido, simplificando a criação de diagramas ou mesmo trazendo arquiteturas de referências úteis para os mais variados contextos.

Coleção de ícones representando serviços do Azure

Dentro do Microsoft Docs existe uma sessão em que podemos ter acesso a um conjunto atualizado de ícones no formato .svg, bastando para isto acessar o link:

https://docs.microsoft.com/pt-br/azure/architecture/icons/

Os ícones estarão agrupados em um arquivo .zip:

Ao descompactar tal arquivo notaremos que os ícones dos serviços estão separados por diretórios representando categorias:

Os ícones estão em formato .svg (no exemplo a seguir temos os links da categoria App Services):

Recomendo que para visualizá-los em Windows você instale um utilitário chamado PowerToys, um complemento com funcionalidades que permitem inclusive visualizar o conteúdo de um arquivo .svg a partir do Windows Explorer e disponível na Microsoft Store:

Com o PowerToys ativo será necessário acessar a opção Complementos do Explorador de Arquivos e, em seguida, o botão Abrir as Configurações:

A opção Habilitar a visualização de SVG (.svg) deverá estar ativada:

A partir desses ajustes será possível visualizar o conteúdo dos arquivos .svg:

Azure Architecture Center: arquiteturas de referência com serviços da nuvem Microsoft

O Azure Architecture Center é uma seção extremamente interessante do Microsoft Docs, com inúmeros conteúdos gratuitos envolvendo exemplos de arquiteturas de referência (opção destacada em vermelho na próxima imagem), recomendações e mesmo novidades englobando serviços do Azure:

Em Browse Azure Architectures (clique neste link) teremos acesso a centenas de exemplos de arquiteturas do Azure e outras tecnologias Microsoft:

Pesquisando por Durable Functions encontraremos dezenas de exemplos para este tipo de implementação que se baseia em Azure Functions:

O acesso ao primeiro item listado trará toda uma documentação descrevendo o case correspondente, além do diagrama de arquitetura associado ao mesmo:

Na imagem seguinte temos o diagrama representando os serviços empregados neste case:

Fonte: Azure Architecture Center - Microsoft Docs

Diagramas de arquitetura com o Visual Studio Code

Já abordei em um artigo anterior a extensão para Visual Studio Code chamada Draw.io Integration, uma alternativa que permite a geração de gráficos de arquitetura e que também disponibiliza inúmeras figuras para a representação de serviços do Microsoft Azure:

Exemplo utilizando Azure App Service + Azure Cosmos DB + Application Insigths + Azure Container Registry

Para saber mais sobre as capacidades oferecidas por essa extensão acesse o link:

Dicas de Visual Studio Code: criando diagramas de arquitetura | pt9

--

--

Renato Groffe

Microsoft Most Valuable Professional (MVP), Multi-Plataform Technical Audience Contributor (MTAC), Software Engineer, Technical Writer and Speaker