Dicas de Visual Studio Code: visualizando tokens JWT, executando scripts rapidamente | pt 18

Renato Groffe
4 min readMay 2, 2024

Neste artigo (parte 18) dou continuidade à série que venho publicando com dicas, truques e novidades no uso do Visual Studio Code. Desta vez demonstrarei uma extensão que simplifica a execução de dezenas de tipos de scrips de forma rápida e descomplicada, além de um plugin que permite visualizar as diferentes partes de um token JWT.

Os links a seguir trazem os artigos já publicados aqui no blog e que fazem parte desta série. Clique nos mesmos para acessar estes conteúdos gratuitos ou até revê-los:

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

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

Executando de scrips de forma rápida e descomplicada

A extensão Code Runner é uma alternativa dentro do Visual Studio Code para executar scripts dos mais variados tipos rapidamente e sem grandes complicações, tendo compatibilidade com tecnologias como PowerShell, Bash, Python, C#, JavaScript, Java, TypeScript, PHP, Ruby…:

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

No exemplo a seguir podemos observar a execução de um trecho de código em PowerShell (através da seleção da opção Run Code no menu de contexto):

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

Produzindo o seguinte resultado:

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

Em um vídeo recente do Canal .NET (clique neste link para acessar o YouTube) foram apresentados outros exemplos de utilização da extensão Code Runner:

Visualizando o conteúdo de tokens JWT

A extensão JWT Viewer é um plugin bastante útil para testes de segurança com APIs REST e Web Apps, já que permite visualizar rapidamente no Visual Studio Code o conteúdo de tokens JWT:

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

Essa extensão pode ser acionada através do menu View > Command Palette… > JWT Viewer:

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

Uma tela aparecerá então, devendo-se informar no primeiro campo o conteúdo de um token JWT:

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

No print a seguir temos um exemplo de visualização de um token JWT, com o Header e o Payload decodificados no formato JSON:

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

Essa extensão também foi demonstrada em detalhes em outro vídeo recente do Canal .NET no YouTube (clique neste link para acessá-lo):

--

--

Renato Groffe

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