Arka Uç Geliştirme için Express ile TypeScript

TypeScript, daha sağlam ve sürdürülebilir koda yol açabilen statik tip denetimi sağlayarak geliştirme deneyimini geliştirir. TypeScript'i Node.js için popüler bir web çerçevesi olan Express ile entegre etmek, her iki aracın da arka uç geliştirme için avantajlarını birleştirir. Bu kılavuz, TypeScript'i Express ile etkili bir şekilde nasıl kuracağınızı ve kullanacağınızı ana hatlarıyla açıklar.

Projenin Kurulumu

TypeScript'i Express ile kullanmaya başlamak için önce yeni bir Node.js projesi başlatın ve gerekli bağımlılıkları yükleyin. Yeni bir projeyi nasıl kuracağınız aşağıda açıklanmıştır:

mkdir my-express-app
cd my-express-app
npm init -y
npm install express
npm install --save-dev typescript @types/node @types/express ts-node

Yukarıdaki komutlar yeni bir Node.js projesi başlatır, Express'i yükler ve TypeScript'i Node.js ve Express için tür tanımlarıyla birlikte ekler. ts-node paketi de TypeScript dosyalarını doğrudan çalıştırmak için yüklenir.

TypeScript'i yapılandırma

TypeScript'i yapılandırmak için bir tsconfig.json dosyası oluşturun. Bu dosya derleyici seçeneklerini ve proje ayarlarını belirtir. İşte temel bir yapılandırma:

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src/**/*.ts"],
  "exclude": ["node_modules"]
}

Bu yapılandırma, TypeScript'in ES6'ya derlenmesini, CommonJS modüllerini kullanmasını ve node_modules hariç olmak üzere src dizinindeki tüm TypeScript dosyalarını içermesini sağlar.

Express Uygulaması Oluşturma

Ana uygulama dosyasını oluşturun. src dizininde, aşağıdaki içeriğe sahip index.ts adlı bir dosya oluşturun:

import express, { Request, Response } from 'express';

const app = express();
const port = 3000;

app.get('/', (req: Request, res: Response) => {
  res.send('Hello TypeScript with Express!');
});

app.listen(port, () => {
  console.log(`Server is running at http://localhost:${port}`);
});

Bu basit Express uygulaması, kök URL'ye erişildiğinde "Hello TypeScript with Express!" şeklinde yanıt veren bir sunucu kurar.

Uygulamayı Çalıştırma

TypeScript uygulamasını çalıştırmak için ts-node kullanın. Bu işlemi basitleştirmek için package.json dosyasına bir betik ekleyin:

{
  "scripts": {
    "start": "ts-node src/index.ts"
  }
}

Şimdi sunucuyu şu şekilde başlatalım:

npm start

Sunucu çalışacak ve http://localhost:3000 adresinden erişilebilecek.

Tür Tanımları Ekleme

Tür tanımları, TypeScript'in harici kütüphanelerde kullanılan türleri anlamasına yardımcı olur. Express ve Node.js için tür tanımları şu şekilde yüklenir:

npm install --save-dev @types/node @types/express

Bu tür tanımları, Express ve Node.js işlevleri için otomatik tamamlama ve tür denetimi sağlayarak geliştirme deneyimini geliştirir.

Çözüm

TypeScript'i Express ile entegre etmek, arka uç geliştirme için güçlü bir kombinasyon sağlar. TypeScript tarafından sunulan statik yazım, hataları erken yakalamaya ve kod kalitesini iyileştirmeye yardımcı olurken, Express web uygulamaları oluşturmak için sağlam bir çerçeve sağlar. Uygun bir kurulum ve yapılandırma ile TypeScript ve Express ile geliştirme sorunsuz ve üretken bir deneyim haline gelir.