Convertir Respuesta de API REST a TypeScript

Genera tipos TypeScript a partir de una respuesta JSON típica de API REST. Crea interfaces y types con soporte completo de objetos anidados y arreglos.

100% del lado del cliente. Tus datos nunca salen de tu navegador. 

// 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 a:

Herramientas Relacionadas

{}
Formateador y Validador de JSON

Formatea, minifica y valida datos JSON al instante. Resaltado de sintaxis, vista de árbol interactiva y detección de errores. Herramienta en tu navegador.

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

Convierte entre JSON, YAML, TOML, CSV, XML, HTML, Markdown y .env al instante en tu navegador. Pega tu configuración y obtén el formato de salida al momento.

Este ejemplo muestra cómo generar tipos TypeScript a partir de una respuesta típica de API REST. El JSON precargado representa un objeto de usuario con dirección anidada, arreglo de roles y arreglo de objetos de publicación.

Qué Obtienes

La herramienta produce:

Cómo Usar

  1. El ejemplo carga con una respuesta de API de usuario de ejemplo ya precargada
  2. Alterna entre los modos de salida Interface y Type para ver ambos estilos
  3. Copia los tipos generados y pégalos en tu proyecto TypeScript
  4. Reemplaza los datos de ejemplo con tu respuesta de API real para generar tipos para tu endpoint específico

Patrón del Mundo Real

La mayoría de las APIs REST devuelven objetos con estructuras anidadas y arreglos. Este ejemplo cubre el patrón común: campos planos en el nivel superior, un objeto anidado para datos relacionados y arreglos para colecciones. Los tipos generados te dan soporte completo de IntelliSense al trabajar con respuestas de API en TypeScript.