Passer au contenu principal

JSON to TypeScript Generator

Outil pour convertir automatiquement des données JSON en interfaces TypeScript. Utilisez les réponses API et les fichiers de configuration avec la sécurité des types.

JSON Input

TypeScript Output

TypeScript interface will appear here...

Fonctionnalités principales​

  • Analyse JSON automatique et génération d'interfaces
  • Support des objets imbriqués
  • Détection automatique des types de tableaux
  • Support des propriétés optionnelles
  • Noms d'interface personnalisables
  • 5 modèles d'exemples

Mode d'emploi​

1. Utilisation de base​

{
  "name": "John",
  "age": 30
}

↓

interface Root {
  name: string;
  age: number;
}

2. Objets imbriqués​

{
  "user": {
    "profile": {
      "name": "John"
    }
  }
}

↓

interface Root {
  user: User;
}

interface User {
  profile: Profile;
}

interface Profile {
  name: string;
}

3. Tableaux​

{
  "users": [
    {"id": 1, "name": "John"}
  ]
}

↓

interface Root {
  users: User[];
}

interface User {
  id: number;
  name: string;
}

Cas d'usage​

Générer des types de réponse API​

// Collez la réponse JSON reçue de l'API
// Génère instantanément une interface TypeScript
fetch('/api/users')
  .then(res => res.json())
  .then((data: UserResponse) => {
    // Utiliser avec sécurité des types
  })

Types de fichiers de configuration​

// Convertir la structure de config.json en interface
interface Config {
  apiUrl: string;
  timeout: number;
  features: Feature[];
}

Conseils​

  1. Propriétés optionnelles: Cochez "Use Optional Properties" lorsque certains champs sont optionnels
  2. Nom d'interface: Changez le nom selon l'usage (ex: UserResponse, ConfigData)
  3. JSON complexe: Commencez par un modèle d'exemple et modifiez

Outils connexes​