JSON → TypeScript

Le générateur de types JSON → TypeScript inspecte un échantillon JSON et déduit automatiquement les déclarations interface ou type TypeScript. Il évite aux ingénieurs front-end de saisir manuellement des définitions de types répétitives lors de l'intégration avec des API back-end. Les objets imbriqués sont divisés en types indépendants, les éléments de tableau sont fusionnés, et les formes d'objets anonymes identiques sont dédupliquées et réutilisées.

Étape 1 — collez une réponse JSON réaliste dans le panneau de gauche ou cliquez sur « Exemple » pour charger un exemple. Étape 2 — saisissez le nom du type racine (par défaut : RootObject). Étape 3 — choisissez le style de sortie : interface convient mieux aux déclarations d'objets extensibles, tandis que type est plus flexible et se compose bien avec les unions. Étape 4 — le panneau de droite produit en temps réel du code de types complet ; copiez-le dans votre projet ou téléchargez-le en tant que types.ts. Chaque type généré porte le mot-clé export pour être consommé directement.

Générer des types TS à partir d'exemples de réponses Swagger ou Postman lors de l'intégration front-end / back-end ; récupérer des données d'exemple depuis la documentation d'API tierces pour construire rapidement une bibliothèque de types ; ajouter des types aux charges utiles BaaS Firebase ou Supabase ; construire des interfaces Options à partir d'échantillons de configuration lors du développement de bibliothèques utilitaires ; importer des types en masse lors de la migration d'un projet JavaScript hérité vers TypeScript.

Les primitives sont inférées en string, number, boolean ou null. Les tableaux vides deviennent any[], les tableaux à types mixtes produisent une union. Les noms de champs qui ne sont pas des identifiants JS valides sont mis entre guillemets. Les noms de types d'objets imbriqués sont en PascalCase à partir de la clé parente. Les objets ayant des formes identiques ne produisent qu'une seule déclaration. Les types générés n'incluent pas le modificateur optionnel (?) ; ajustez manuellement si vous avez besoin de champs optionnels.

L'inférence de types s'effectue entièrement dans votre navigateur. Le JSON que vous fournissez n'est jamais envoyé, vous pouvez donc l'utiliser en toute sécurité avec des réponses d'API de production.