Converter JSON Config para TypeScript

Gere interfaces e tipos TypeScript a partir de um objeto de configuração aninhado em JSON. Valide em tempo de compilação. Copie e use no projeto.

100% no navegador. Seus dados nunca saem do seu computador.

// Generated by DevBento — json-to-typescript
interface RootApp {
  name: string;
  version: string;
  debug: boolean;
}

interface RootDatabaseCredentials {
  user: string;
  password: string;
}

interface RootDatabase {
  host: string;
  port: number;
  credentials: RootDatabaseCredentials;
}

interface RootFeatures {
  darkMode: boolean;
  maxConnections: number;
  allowedOrigins: string[];
}

interface Root {
  app: RootApp;
  database: RootDatabase;
  features: RootFeatures;
}
Enviar para:

Ferramentas Relacionadas

Objetos de configuração geralmente têm aninhamento profundo: configurações de aplicação, credenciais de banco de dados, flags de funcionalidade. Este exemplo converte uma estrutura de configuração multinível em interfaces TypeScript tipadas para que cada acesso à configuração seja tipo-seguro.

O Que Você Obtém

A ferramenta gera:

Como Usar

  1. O exemplo carrega com uma configuração de aplicação de exemplo
  2. A estrutura aninhada demonstra como objetos profundamente aninhados cada um recebe sua própria interface
  3. Copie a saída e use para tipar seu carregador de configuração ou módulo de configurações
  4. Substitua pelo seu JSON de configuração real para gerar tipos para seu projeto

Padrão do Mundo Real

Configurações de aplicação tipicamente têm 2-3 níveis de aninhamento. Seções de banco de dados contêm credenciais, seções de funcionalidade contêm arrays de valores permitidos. A nomenclatura baseada em caminho (ex. RootDatabaseCredentials) deixa claro onde cada tipo se encaixa na hierarquia de configuração. Use esses tipos com sua biblioteca de validação de configuração para capturar configurações incorretas em tempo de compilação.