Node.js Projenizle TypeScript Nasıl Kullanılır?

TypeScript, karmaşık uygulamalar ve mikro hizmetler gibi sağlam mimariler oluşturmak için kullanışlıdır. Elbette TypeScript, JavaScript'in yapamadığı hiçbir şeyi yapamaz, ancak karmaşık projeleri daha yönetilebilir hale getirebilir. TypeScript'in katı yazım ve arabirim desteği, nesne yönelimli programlama için harika olduğu anlamına gelir. Birçok şirketin arka uçlarını kodlamak için TypeScript'e başvurduğunu gördük.

Node.js projenizde TypeScript kullanmaya başlamak için bundan daha iyi bir zaman olamaz. Ancak bunu Node.js projeniz için nasıl kurabilirsiniz? Bu makalede öğreneceksiniz.

TypeScript Nedir?

TypeScript, Microsoft tarafından geliştirilen ve sürdürülen JavaScript'in derlenmiş, kesinlikle yazılmış bir sürümüdür. TypeScript kodu JavaScript'e aktarılır.

TypeScript'in katı yazım yapısı, geliştiricilerin kodlarında hatalardan kaçınmasına yardımcı olur. Yalnızca belirtilen veri türlerinin kurallarını karşılayan kodu derler. Bu, TypeScript kodunu saf JavaScript karşılığına göre daha sağlam kılar.

Ayrıca hem işlevsel hem de nesne yönelimli programlamayı destekler. Tüm bu özellikler, onu son derece ölçeklenebilir ve karmaşık uygulamalar geliştirmek için uygun hale getirir.

Node.js'de TypeScript Nasıl Kurulur? JS

Node.js projenizle TypeScript'i kullanmaya başlamak için burada ve orada birkaç yapılandırma çekmeniz gerekecek. Ama merak etmeyin, kolay.

Ancak, emin olun Node.js npm paketini kurun devam etmeden önce.

Bir package.json Dosyasını Başlatın

Terminalinizi açın ve bir proje klasörü oluşturun. Ardından, bu yeni dizini girin ve bir Node.js projesini başlatın:

npm başlangıç

Yukarıdaki komut bir paket.json bağımlılıklarınızı saklamak için dosya.

TypeScript ve Diğer Bağımlılıkları Yükleyin

Ardından devam edin ve TypeScript'i Node.js projenize yükleyin:

npm i -D daktilo yazısı

bu -D anahtar kelime, TypeScript'in bir parçası olarak yüklenmesini sağlar. devbağımlılıklar içinde paket.json.

Ayrıca yüklemeniz gerekecek @türler/ekspres, Express.js için bir TypeScript tanımı:

npm kurulumu -D @types/express

Ardından, bir tsconfig.json dosya. Bu, projeniz için temel derleyici seçeneklerini detaylandırır:

npx tsc --içinde

Yukarıdaki komut bir tsconfig.json proje kök klasörünüzdeki dosya.

Ayrıca, Express.js'yi yükleyin. Sunucuları yalnızca Node.js'nin yerleşik HTTP temel öğeleriyle yönetmeyi düşünüyorsanız bunu atlayabilirsiniz. Ancak Express.js bunu kolaylaştırır:

npm Yüklemek ifade etmek

Ardından, yükleyin düğüm, kodunuzda herhangi bir değişiklik olduğunda sunucunuzu otomatik olarak yeniden başlatan bir paket. Çalışması için bunu global olarak yüklediğinizden emin olun:

npm Yüklemek -g düğümü

TypeScript'i Node.js ile Yapılandırın JS

Aç tsconfig.json kullanarak daha önce başlattığınız dosya seçilen kod düzenleyici. Bu dosyada çok şey olabilir. Bu dosyayı mevcut haliyle yapılandırabilirken, daha basit hale getirmek için tüm içeriğini aşağıdakiyle değiştirebilirsiniz.

İşte ihtiyacınız olan her şey tsconfig.json gitmek için:

{
"derleyiciSeçenekleri": {
"modül": "Commonjs",
"esModuleInterop": doğru,
"hedef": "es6",
"modülÇözünürlük": "düğüm",
"kaynakHarita": doğru,
"çıkışDir": "uzak" // Aktarıcı dizinini belirtir. 
 },
"kitaplık": ["es2015"]
}

Şimdi aç paket.json. TypeScript ve Express'i yükledikten sonra şu anda nasıl göründüğü:

Ardından, aşağıdaki yapılandırmaları ekleyin Kodlar sıralamak:

"Kodlar": {
"Ölçek": "Eko \"Hata: test belirtilmedi\"&& çıkış 1",
"inşa etmek": "npx tsc",
"Başlat": "düğüm ./dist/app.js",
"uzak": "tsc -p .",
 "dev": "nodemon ./src/app.ts", //Yer değiştirmek Bugün nasılsın? ile doğru dizinyoliçin app.ts içinde sizin durum
"tip": "modül"
}

Yukarıdaki yapılandırma, sunucunuzun başlaması için işaret eder. app.js, aktarıcı. Endişelenmeyin, bu bir dosyada otomatik olarak oluşturulacak varsayılan bir dosyadır. uzak çalıştırdığınızda klasör inşa etmek senaryo. Bunu ileride yapacaksın.

Yapılandırma daha sonra birincil geliştirme komut dosyasını şu şekilde belirtir: app.ts.

Bu nedenle, geliştirme ortamını başlattığınızda, düğüm koşar app.ts. Node.js daha sonra bunu içindeki JavaScript'te derler app.js—HTTP sunucusuyla iletişim kurar.

Ardından, bir kaynak proje kök dizininizdeki klasör. Bu klasörün içinde boş bir TypeScript dosyası oluşturun ve adlandırın app.ts.

Aktarıcı Dizini Oluşturun

Aktarıcı, TypeScript kodunu yerel JavaScript'te derleyen bir JavaScript dosyasıdır. Bu, sunucunun kesinlikle yazılan komut dosyası yerine JavaScript olarak kodunuzla ilişki kurmasını sağlar.

TypeScript kod yapısını işlerken, aktarıcı dosyası onu JavaScript'te derler.

şimdi çalıştırın inşa etmek oluşturmak için komut dosyası uzak aktarıcı dizini otomatik olarak:

npm çalıştırma derlemesi

Yukarıdaki komut, TypeScript kodunuzu JavaScript'te derler. Oluşturulan klasör iki dosya içerir; app.js ve app.js.harita.

Açık paket.json Yeniden. adlı dizide bir anahtar göreceksiniz ana. Değerinin işaret ettiğini görebilirsiniz index.js. Bunu şununla değiştir app.js (aktarıcı) dosya dizini:

"ana": "./dist/app.js",

Biçimlendirdikten sonra, paket.json şöyle görünmeli:

Yapılandırmalar kısmı için bu kadar.

HTTP İsteği Oluşturun ve Çalıştırın

Şimdi kodunuzun gerektiği gibi derlenip derlenmediğini görmek için Express.js sunucusu aracılığıyla bir HTTP isteği oluşturup çalıştırmayı deneyin.

İçeri app.ts:

içe aktarmak ekspres, {Talep, Yanıt} itibaren 'ifade etmek'
const uygulama = ekspres()
app.get('/', zaman uyumsuz (gerekli: İstek, öz: Yanıt)=>{
 konsol.log('Selam Dünya')
 yeniden.gönder('Selam Dünya')
})
const liman = 8080
app.listen (bağlantı noktası, (): geçersiz=>{
konsol.kayıt(`Uygulama şu saatte dinliyor: http://localhost:${port}`)
})

Ardından, proje kök dizininize giden komut satırını açın ve dev projenizi başlatmak için komut dosyası:

npm çalıştırma dev

Tarayıcınızı açın ve şuraya gidin: yerel ana bilgisayar: 8080, ve yanıtı göreceksiniz (Selam Dünya). Uyguladıysanız, bunu terminalde de göreceksiniz. konsol.log Yukarıdaki örnekte yaptığımız gibi komut verin.

TypeScript'in Yüksek Talep Beklentileri Var

TypeScript ve JavaScript arasında pek fazla fark yoktur. Ancak birincisi, katı yazım eklenmesiyle gelişimi kolaylaştırır.

TypeScript, Angular gibi ön uç çerçevelerinde değerli bir dildir ve performansını ve ölçeklenebilirliğini inkar edemeyiz. Daha popüler hale geliyor ve TypeScript geliştiricilerinin iş beklentileri artmaya devam ediyor.

Angular'a Giriş

Sonrakini Oku

Yazar hakkında