REST API Yanıtını TypeScript'e Dönüştürün

Tipik bir REST API JSON yanıtından TypeScript arayüzleri ve tipleri üretin. Anında çıktı üretir, tarayıcıda çalışır, sunucuya veri gönderilmez, ücretsiz.

Verileriniz tarayıcınızdan çıkmaz. 

// Generated by DevBento — json-to-typescript
interface RootAddress {
  street: string;
  city: string;
  zip: string;
}

interface RootPostsItem {
  title: string;
  likes: number;
}

interface Root {
  id: number;
  name: string;
  email: string;
  isActive: boolean;
  roles: string[];
  address: RootAddress;
  posts: RootPostsItem[];
}
Gönder:

İlgili Araçlar

{}
JSON Formatlayıcı ve Doğrulayıcı

JSON verilerini güzel yazdırma, küçültme ve doğrulama aracı. Sözdizimi vurgulama, interaktif ağaç görünümü ve satır numaraları ile anlık hata tespiti.

 yml
JSON / YAML / TOML / CSV / XML / HTML / Markdown Dönüştürücü

JSON, YAML, TOML, CSV, XML, HTML, Markdown ve .env formatları arasında anında dönüşüm yapın. Yapılandırma dosyaları ve API yanıtlarını tarayıcıda çevirin.

Bu örnek, tipik bir REST API yanıtından TypeScript türlerinin nasıl üretileceğini gösterir. Önceden doldurulmuş JSON, iç içe adres, roller dizisi ve yazı nesneleri dizisi olan bir kullanıcı nesnesini temsil eder.

Ne Elde Edersiniz

Araç şunları üretir:

Nasıl Kullanılır

  1. Örnek, önceden doldurulmuş bir kullanıcı API yanıtı ile yüklenir
  2. Arayüz ve Type çıktı modları arasında geçiş yaparak her iki stili görebilirsiniz
  3. Üretilen türleri kopyalayın ve TypeScript projenize yapıştırın
  4. Örnek verileri gerçek API yanıtınızla değiştirerek belirli uç noktanız için türler üretin

Gerçek Dünya Deseni

Çoğu REST API, iç içe yapılar ve diziler içeren nesneler döndürür. Bu örnek, ortak deseni kapsar: üst düzeyde düz alanlar, ilişkili veriler için iç içe nesne ve koleksiyonlar için diziler. Üretilen türler, TypeScript’te API yanıtlarıyla çalışırken tam IntelliSense desteği sağlar.