Dicas de Visual Studio Code: suporte a Postman e visualização de JSON como tabelas | pt 17

Renato Groffe
4 min readJan 21, 2024

--

Esse é mais um artigo (parte 17) da série em que venho compartilhando dicas, truques e novidades no uso do Visual Studio Code. Desta vez abordarei o suporte a testes de APIs REST com a extensão oficial do Postman, além da possibilidade visualizar conteúdos JSON como se fossem tabelas. Considero estas 2 capacidades extremamente úteis para aqueles que estão desenvolvendo soluções baseadas em APIs, como também para profissionais da área de Qualidade de Software.

Os próximos links trazem os artigos que já publiquei aqui no blog, caso deseje acessar estes conteúdos ou até revê-los:

Dicas de Visual Studio Code: interrompendo a execução de um processo em uma porta local | pt 16

Dicas de Visual Studio Code: testando APIs REST com instruções curl via script | pt 15

Dicas de Visual Studio Code: testando APIs REST via scripts | pt 14

Dicas de Visual Studio Code: criando mapas mentais | pt 13

Dicas de Visual Studio Code: testes com browser interno, geração de GUIDs | pt 12

Dicas de Visual Studio Code: extensões Deprecated, painel Problems, Marketplace | pt 11

Dicas de Visual Studio Code: diagramas para Kubernetes e abrindo arquivos no browser | pt 10

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

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

Visualizando conteúdos JSON na forma de tabelas

Nem sempre um payload com informações JSON será de fácil visualização, principalmente quando nos deparamos com grandes agrupamentos de dados e estruturas nas quais constam muitos campos. A extensão JSON Table Viewer do Visual Studio Code pode simplificar bastante isto, através da visualização rápida e descomplicada de conteúdos JSON em formato tabular:

Clique nesta imagem para visualizar com uma melhor resolução

Uma vez instalada esta extensão, basta acionarmos a opção JSON Table Viewer: Open View (disponível a partir do menu View > Command Palette…) para um arquivo que possua um conteúdo JSON válido:

Clique nesta imagem para visualizar com uma melhor resolução

Os dados serão então exibidos como uma tabela:

Clique nesta imagem para visualizar com uma melhor resolução

Demonstrei também o uso desta extensão em um vídeo recente no Canal .NET:

Utilizando o Postman a partir do VS Code

Em Maio/2023 tivemos o lançamento do primeiro release da extensão do Postman, uma esperada integração para Visual Studio Code deste que é um dos mais populares utilitários para testes de APIs REST:

Clique nesta imagem para visualizar com uma melhor resolução

Embora contemos com várias opções para testes de APIs no VS Code (Thunder Client, REST Client…), este novo plugin traz boa parte das funcionalidades presentes no utilitário multiplataforma do Postman. Um bom exemplo disso é a mesma interface para configuração e envio de requisições HTTP, como podemos observar na próxima imagem:

Clique nesta imagem para visualizar com uma melhor resolução

Funcionalidades como o suporte a Collections (estruturas essas extremamente úteis na automação de testes), dynamic variables para geração de dados fake e trechos de código consumindo um endpoint em dezenas de linguagens/tecnologias também estão presentes na extensão para VS Code. Demonstrei inclusive essas capacidades em uma live recente no Canal .NET, cujo conteúdo pode ser assistido gratuitamente no YouTube:

--

--

Renato Groffe

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