O que esta ferramenta faz
O Conversor de JSON para TypeScript transforma JSON bruto em interfaces TypeScript prontas para uso. Ele usa um editor de dois paineis: cole um objeto ou array a esquerda e ele gera uma interface tipada chamada Root a direita no momento em que voce digita, alem de interfaces separadas para qualquer objeto aninhado que encontrar. Nao ha nenhum botao Converter, e se o JSON for invalido uma mensagem clara embutida mostra o que corrigir. Quando as interfaces estao boas, voce pode copia-las ou baixa-las como um arquivo .ts. Foi feito para desenvolvedores frontend e backend que trabalham com respostas de API, arquivos de configuracao ou payloads de exemplo e que querem tipagem forte sem escrever cada interface na mao.
Como usar
- Cole ou digite seu JSON no painel esquerdo, ou clique em Carregar exemplo para inserir um objeto de amostra com chaves entre aspas e colchetes correspondentes.
- As interfaces TypeScript aparecem no painel direito instantaneamente enquanto voce digita, entao nao ha nada para clicar para gera-las.
- Se o JSON for invalido, um erro embutido explica o problema, como uma virgula final ou uma aspa simples. Corrija a entrada e as interfaces reaparecem na hora.
- Use Copiar para pegar o resultado, ou Baixar para salva-lo como um arquivo
.ts, e depois leve-o direto para o seu projeto. Limpar esvazia os dois paineis quando voce quiser recomecar.
Um exemplo rapido
Cole isto:
{"id":1,"name":"Ada","address":{"city":"Paris"}}
Voce obtem uma interface Root com id tipado como number e name tipado como string, alem de uma interface aninhada Address que contem city como string. Cada objeto aninhado vira sua propria interface, o que mantem a saida legivel e facil de reutilizar em todo o seu codigo. Um erro comum sao virgulas finais ou aspas simples, que sao validas em JavaScript mas nao em JSON, entao corrija isso primeiro se o conversor relatar um problema.
Esta ferramenta roda inteiramente no seu navegador. E privada, gratuita e nao exige cadastro.
Perguntas frequentes
- Como o conversor escolhe os tipos de cada campo?
- Ele le o valor de cada chave e infere o tipo TypeScript correspondente, entao numeros viram number, texto vira string e true ou false vira boolean. Os objetos se transformam em suas proprias interfaces nomeadas.
- Ele consegue lidar com objetos e arrays aninhados?
- Sim. Cada objeto aninhado recebe sua propria interface com o nome de sua chave, e os arrays sao tipados a partir dos elementos que contem. O nivel superior sempre se chama Root.
- O que acontece se o meu JSON for invalido?
- A ferramenta mostra uma mensagem clara embutida no lugar das interfaces, entao uma virgula final, uma aspa simples ou um colchete faltando e sinalizado na hora. Corrija a entrada e as interfaces reaparecem instantaneamente no painel direito.
- Posso carregar dados de exemplo para testar?
- Sim. O botao Carregar exemplo preenche a entrada com um pequeno objeto JSON para que voce veja as interfaces geradas imediatamente e parta de um exemplo que funciona.
- Posso copiar ou baixar as interfaces?
- Sim. Use o botao Copiar para colocar o TypeScript na area de transferencia, ou o botao Baixar para salva-lo como um arquivo .ts. Um botao Limpar esvazia os dois paineis para comecar de novo.
- Meu JSON e enviado para algum lugar?
- Nao. A conversao roda inteiramente no seu navegador, portanto seus dados nunca saem do seu dispositivo e nada e armazenado ou enviado a um servidor.