DevBentoREST 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.
// 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[];
}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:
- Tüm üst düzey alanların tipli olduğu bir
Rootarayüzü - İç içe adres nesnesi için
RootAddressarayüzü - Dizideki her yazı için
RootPostsItemarayüzü - Doğru türler: metin için
string, ID’ler ve sayımlar içinnumber, bayraklar içinboolean, dizi dizileri içinstring[]
Nasıl Kullanılır
- Örnek, önceden doldurulmuş bir kullanıcı API yanıtı ile yüklenir
- Arayüz ve Type çıktı modları arasında geçiş yaparak her iki stili görebilirsiniz
- Üretilen türleri kopyalayın ve TypeScript projenize yapıştırın
- Ö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.
Nothing you paste leaves this tab. Every tool runs entirely in your browser — no upload, no server, no account.