Bu araç ne yapar
JSON TypeScript Dönüştürücü, ham JSON’u kullanıma hazır TypeScript arabirimlerine çevirir. Çift panelli bir düzenleyici kullanır. Bir nesne veya diziyi sol panele yapıştırın, siz yazdığınız anda sağ panelde Root adında tipli bir arabirim ve bulduğu tüm iç içe nesneler için ayrı arabirimler oluşturur. Basılacak bir Dönüştür düğmesi yoktur ve JSON geçersizse net bir satır içi mesaj neyi düzelteceğinizi gösterir. Arabirimler istediğiniz gibi göründüğünde onları kopyalayabilir veya bir ts dosyası olarak indirebilirsiniz. API yanıtları, yapılandırma dosyaları veya örnek yüklerle çalışan ve her arabirimi elle yazmadan güçlü tipleme isteyen frontend ve backend geliştiriciler için tasarlanmıştır.
Nasıl kullanılır
- JSON’unuzu sol panele yapıştırın veya yazın, ya da anahtarları tırnak içinde ve parantezleri eşleşen bir örnek nesne eklemek için Örnek yükle’ye tıklayın.
- TypeScript arabirimleri siz yazdığınız anda sağ panelde belirir, yani oluşturmak için tıklanacak bir şey yoktur.
- JSON geçersizse, satır içi bir hata sorunu açıklar, örneğin son bir virgül veya bir tek tırnak. Girişi düzeltin, arabirimler hemen yeniden belirir.
- Sonucu almak için Kopyala’yı, bir ts dosyası olarak kaydetmek için İndir’i kullanın, sonra doğrudan projenize bırakın. Temizle baştan başlamak istediğinizde her iki paneli de boşaltır.
Hızlı bir örnek
Şunu yapıştırın:
{"id":1,"name":"Ada","address":{"city":"Paris"}}
id’nin number, name’in string olarak tiplendiği bir Root arabirimi, ayrıca city’yi string olarak tutan iç içe bir Address arabirimi alırsınız. Her iç içe nesne kendi arabirimine dönüşür, bu da çıktıyı okunabilir ve kod tabanınızda yeniden kullanması kolay tutar. Yaygın bir hata, JavaScript’te geçerli olan ama JSON’da olmayan son virgüller veya tek tırnaklardır, bu yüzden dönüştürücü bir sorun bildirirse önce bunları temizleyin.
Bu araç tamamen tarayıcınızda çalışır. Gizlidir, ücretsizdir ve kayıt gerektirmez.
Sıkça sorulan sorular
- Dönüştürücü her alan için tipleri nasıl seçiyor?
- Her anahtarın değerini okur ve eşleşen TypeScript tipini çıkarır, böylece sayılar number, metin string, true veya false ise boolean olur. Nesneler kendi adlandırılmış arabirimlerine dönüşür.
- İç içe nesneleri ve dizileri işleyebilir mi?
- Evet. Her iç içe nesne, anahtarının adını taşıyan kendi arabirimini alır ve diziler içerdikleri ögelerden tiplenir. En üst seviye her zaman Root olarak adlandırılır.
- JSON'um geçersizse ne olur?
- Araç, arabirimler yerine net bir satır içi mesaj gösterir, böylece son bir virgül, bir tek tırnak veya eksik bir parantez hemen işaretlenir. Girişi düzeltin, arabirimler sağ panelde anında yeniden belirir.
- Denemek için örnek veri yükleyebilir miyim?
- Evet. Örnek yükle düğmesi girişi küçük bir JSON nesnesiyle doldurur, böylece oluşturulan arabirimleri hemen görüp çalışan bir örnekten başlayabilirsiniz.
- Arabirimleri kopyalayabilir veya indirebilir miyim?
- Evet. TypeScript'i panonuza almak için Kopyala düğmesini, bir ts dosyası olarak kaydetmek için İndir düğmesini kullanın. Temizle düğmesi her iki paneli de boşaltır, böylece baştan başlayabilirsiniz.
- JSON'um bir yere yükleniyor mu?
- Hayır. Dönüşüm tamamen tarayıcınızda çalışır, bu yüzden verileriniz cihazınızdan asla ayrılmaz ve hiçbir şey saklanmaz veya bir sunucuya gönderilmez.