Converter Resposta de API REST para TypeScript

Gere interfaces e tipos TypeScript a partir de uma resposta JSON típica de API REST. Copie e cole diretamente no seu projeto. Rápido e offline.

100% no navegador. Seus dados nunca saem do seu computador. 

// Generated by DevBento — json-to-typescript
interface RootAddress {
  street: string;
  city: string;
  zip: string;
}

interface RootPostsItem {
  title: string;
  likes: number;
}

interface Root {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
  roles: string[];
  address: RootAddress;
  posts: RootPostsItem[];
}
Enviar para:

Ferramentas Relacionadas

{}
Formatador e Validador de JSON

Ferramenta completa para formatar, minificar e validar dados JSON com realce de sintaxe, visualização em árvore interativa e detecção de erros instantânea.

 yml
Convertidor JSON / YAML / TOML / CSV / XML / HTML / Markdown

Converta entre JSON, YAML, TOML, CSV, XML, HTML, Markdown e .env instantaneamente no navegador. Cole arquivos de configuração ou respostas de API REST.

Este exemplo mostra como gerar tipos TypeScript a partir de uma resposta típica de API REST. O JSON pré-preenchido representa um objeto de usuário com endereço aninhado, array de papéis e array de objetos de publicação.

O Que Você Obtém

A ferramenta produz:

Como Usar

  1. O exemplo carrega com uma resposta de API de usuário de exemplo já preenchida
  2. Alterne entre os modos de saída Interface e Type para ver ambos os estilos
  3. Copie os tipos gerados e cole em seu projeto TypeScript
  4. Substitua os dados de exemplo com sua resposta de API real para gerar tipos para seu endpoint específico

Padrão do Mundo Real

A maioria das APIs REST retorna objetos com estruturas aninhadas e arrays. Este exemplo cobre o padrão comum: campos planos no nível superior, um objeto aninhado para dados relacionados e arrays para coleções. Os tipos gerados dão suporte completo ao IntelliSense ao trabalhar com respostas de API em TypeScript.