Générer des types TypeScript et un JSON Schema à partir d’un JSON

Apercu de l'outil : Convertisseur JSON → TypeScript & JSON Schema

Transformez n’importe quel JSON en définitions TypeScript fortement typées et en un JSON Schema prêt pour la validation. Gardez vos contrats d’API, fichiers de configuration et jeux de données de test alignés entre le front et le back.

Qu'est-ce que Convertisseur JSON → TypeScript & JSON Schema ?

Convertisseur JSON → TypeScript & JSON Schema convertit JSON en TypeScript et génère un résultat prêt à l'emploi.

Comment l'utiliser

1. Collez le contenu JSON ou saisissez des paramètres.
2. Choisissez TypeScript en sortie et ajustez les options.
3. Vérifiez le résultat puis copiez ou téléchargez.

Cas d'usage courants

• Migration de format JSON↔TypeScript
• Utiliser des données JSON dans des workflows TypeScript ou la génération de code
• Valider la conversion par rapport aux spécifications

❓ FAQ

Q1 : Pourquoi le résultat est incorrect ?
R : Vérifiez le format d'entrée et les options, puis essayez l'exemple s'il existe.

Q2 : Et si l'entrée est très grande ?
R : Découpez les données en plus petits blocs pour plus de stabilité.

Q3 : Comment sauvegarder la sortie ?
R : Utilisez les boutons de copie ou de téléchargement si l'outil les propose.

✨ Points forts

• 🧱 Deux sorties synchronisées : la même entrée génère des interfaces TypeScript et un JSON Schema cohérents pour éviter les divergences.
• ⚙️ Paramétrage souple : renommez l’interface racine, ajustez le titre du schema et l’indentation avant de télécharger les fichiers.
• 🧪 Inférence robuste : tableaux imbriqués, unions mixtes et champs nuls sont détectés automatiquement, avec gestion des required.
• 🌍 UI multilingue : suit la mise en page ToolMi, fonctionne sur les routes /en/ et /zh/ sans installation.

📋 Exemple

JSON d’exemple

{
  "project": "ToolMi",
  "version": "1.0.0",
  "features": [
    {
      "name": "Type generator",
      "status": "stable",
      "contributors": 8
    },
    {
      "name": "JSON schema",
      "status": "beta",
      "contributors": 5
    }
  ],
  "meta": {
    "updatedAt": "2024-03-12T08:45:00Z",
    "tags": ["json", "typescript", "schema"],
    "production": true
  }
}

TypeScript généré

export interface RootObject {
  project: string;
  version: string;
  features: FeatureItem[];
  meta: Meta;
}

export interface FeatureItem {
  name: string;
  status: string;
  contributors: number;
}

export interface Meta {
  updatedAt: string;
  tags: string[];
  production: boolean;
}

JSON Schema généré

{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "title": "JSON Schema",
  "type": "object",
  "additionalProperties": false,
  "required": ["project", "version", "features", "meta"],
  "properties": {
    "project": { "type": "string" },
    "version": { "type": "string" },
    "features": {
      "type": "array",
      "items": {
        "type": "object",
        "additionalProperties": false,
        "required": ["name", "status", "contributors"],
        "properties": {
          "name": { "type": "string" },
          "status": { "type": "string" },
          "contributors": { "type": "integer" }
        }
      }
    },
    "meta": {
      "type": "object",
      "additionalProperties": false,
      "required": ["updatedAt", "tags", "production"],
      "properties": {
        "updatedAt": { "type": "string" },
        "tags": {
          "type": "array",
          "items": { "type": "string" }
        },
        "production": { "type": "boolean" }
      }
    }
  }
}

🔧 Conseils d’utilisation

1. Nettoyez le JSON : supprimez les virgules finales et commentaires pour que l’analyse soit fiable.
2. Soignez le nom racine : un nom métier (BillingSettingsResponse) facilite l’autocomplétion dans l’IDE.
3. Vérifiez avec des réponses réelles : collez vos payloads de production pour repérer rapidement les différences.
4. Téléchargez et versionnez : ajoutez types.d.ts ou schema.json à votre dépôt afin de les reviewer dans les PR.