Leid een TypeScript-interface af uit JSON

API- en applicatieteams leiden uit JSON-voorbeelden TypeScript-interfaces af wanneer zij gegevenstypen voor een toepassing voorbereiden.

Leid een TypeScript-interface af uit JSON en pas de gegenereerde structuur verder aan voor je project. Gebruik het in je browser zonder account.

Hoe te gebruiken

Plak een JSON-voorbeeld in het invoergebied of importeer een compatibel bestand.
Klik op Genereren om een TypeScript-interface te produceren.
Het resultaat toont typen die zijn afgeleid van de eigenschappen in uw voorbeeld.
Controleer de velden, typen en mogelijke opties en kopieer vervolgens de code.
Gebruik Wissen om de velden te wissen en een ander voorbeeld te testen.

Voorbeeld

U ontvangt een API-antwoord en wilt de inhoud snel van typen voorzien. Plak een JSON-voorbeeld, genereer de TypeScript-interface en integreer deze in uw project. U bespaart tijd op basisverklaringen van typen.

Limieten en formaten

De gegenereerde interface is gebaseerd op één enkel voorbeeld; optionele velden worden niet gedetecteerd.
Complexe typen zoals unions of literals worden niet geraden.
Typenamen kunnen generiek zijn en moeten mogelijk worden hernoemd.
De tool compileert de TypeScript-code niet; hij produceert alleen een voorstel.

Waar de verwerking gebeurt

Alles gebeurt in uw browser: analyse en generatie zijn lokaal, er worden geen gegevens verzonden. U kunt daarom met fragmenten van echte antwoorden werken met behoud van vertrouwelijkheid.

Veelgestelde vragen

Worden optionele velden in de gegenereerde interface gemarkeerd?

De tool is gebaseerd op één enkel voorbeeld. Als een veld aanwezig is, wordt het als verplicht beschouwd. Velden die in uw voorbeeld ontbreken, kunnen niet als optioneel worden geraden. U zult ze handmatig moeten aanpassen.

Kan ik interfaces genereren voor arrays van objecten?

Ja, als uw voorbeeld een array van objecten bevat, leidt de tool het itemtype af en geeft dit weer in de interface. Controleer of het gegenereerde type overeenkomt met de structuur van elk item.

Is de geproduceerde code direct compileerbaar?

De gegenereerde TypeScript-interface is in de meeste gevallen syntactisch correct, maar kan te brede typen of aan te passen namen bevatten. Controleer en corrigeer deze voordat u hem in uw project integreert.