REST API-Antwort in TypeScript konvertieren

Erzeuge TypeScript-Typen aus einer typischen REST API JSON-Antwort. Sofort kopierbarer Code mit benannten Interfaces für verschachtelte Objekte und Arrays.

100% clientseitig. Deine Daten verlassen niemals deinen Browser. 

// 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[];
}
Senden an:

Verwandte Werkzeuge

{}
JSON Formatierer und Validator

Werkzeug zum Formatieren, Minifizieren und Validieren von JSON Daten mit Syntaxhervorhebung und interaktiver Baumansicht. Erkennt Fehler sofort im Browser.

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

Konvertiere zwischen JSON, YAML, TOML, CSV, XML, HTML, Markdown und .env in deinem Browser. Füge Konfigurationsdateien ein und erhalte das Ergebnis sofort.

Dieses Beispiel zeigt, wie man TypeScript-Typen aus einer typischen REST API-Antwort erzeugt. Die vorausgefüllte JSON stellt ein Benutzerobjekt mit verschachtelter Adresse, einem Rollen-Array und einem Array von Beitrag-Objekten dar.

Was Sie Bekommen

Das Werkzeug erzeugt:

So Verwenden Sie Es

  1. Das Beispiel lädt mit einer Beispiel-API-Antwort, die bereits ausgefüllt ist
  2. Wechseln Sie zwischen den Ausgabemodi Interface und Type, um beide Stile zu sehen
  3. Kopieren Sie die erzeugten Typen und fügen Sie sie in Ihr TypeScript-Projekt ein
  4. Ersetzen Sie die Beispieldaten mit Ihrer tatsächlichen API-Antwort, um Typen für Ihren spezifischen Endpunkt zu erzeugen

Muster aus der Praxis

Die meisten REST APIen geben Objekte mit verschachtelten Strukturen und Arrays zurück. Dieses Beispiel deckt das gängige Muster ab: flache Felder auf oberster Ebene, ein verschachteltes Objekt für zugehörige Daten und Arrays für Sammlungen. Die erzeugten Typen geben Ihnen vollständige IntelliSense-Unterstützung bei der Arbeit mit API-Antworten in TypeScript.