TypeScript ve Express.js ile Modern Uygulama Geliştirme

TypeScript ve Express.js ile Modern Uygulama Geliştirme


Modern web uygulamaları geliştirme sürecinde kullanılan popüler teknolojilerden biri TypeScript ve onunla birlikte kullanılan Express.js frameworküdür. TypeScript, JavaScript'in üzerinde geliştirilmiş, statik tip kontrolü ve nesne yönelimli programlamayı destekleyen bir dil olarak, geliştiricilere daha sağlam ve hata ayıklama sürecini kolaylaştıran bir yapı sunar. Express.js, özellikle Node.js için tasarlanmış minimal ve esnek bir web uygulama frameworküdür, RESTful uygulamalar yapmayı son derece kolay hale getirir.

TypeScript ile Express.js Kurulumu

Bu makalede, TypeScript ile Express.js kullanarak basit bir uygulama geliştirmenin adımlarını inceleyeceğiz. İlk olarak, gerekli kütüphaneleri kurmamız gerekiyor. Node.js yüklü bir ortamda terminali açarak şu komutları çalıştırabilirsiniz:

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

TypeScript Yapılandırması

Kurulum tamamlandıktan sonra, bir TypeScript yapılandırma dosyası oluşturarak proje ayarlarımızı belirleyelim. Proje dizininde tsconfig.json adında bir dosya oluşturun ve aşağıdaki içeriği ekleyin:

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "dist",
    "strict": true,
    "esModuleInterop": true
  }
}

Basit Bir API Geliştirme

Artık TypeScript ile Express.js kullanarak basit bir API geliştirme aşamasına geçebiliriz. Proje dizininde bir src klasörü oluşturun ve index.ts dosyasını içine ekleyin. Aşağıdaki kod örneği, basit bir HTTP sunucusu oluşturarak "Merhaba dünya!" mesajını döndüren bir API’yi tanımlar:

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

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

app.get('/', (req: Request, res: Response) => {
  res.send('Merhaba dünya!');
});

app.listen(PORT, () => {
  console.log(`Sunucu ${PORT} portunda çalışıyor...`);
});

Uygulamayı Çalıştırma

Oluşturduğunuz uygulamayı çalıştırmak için terminalden aşağıdaki komutu kullanabilirsiniz:

npx ts-node src/index.ts

Artık tarayıcınızdan http://localhost:3000 adresine giderek "Merhaba dünya!" mesajını görüntüleyebilirsiniz.

Sonuç

Bu makalede TypeScript ve Express.js kullanarak basit bir web uygulaması geliştirmeyi öğrendik. Statik tip kontrolünün ve Express.js’in sağladığı kolaylıkların web geliştirme sürecini nasıl hızlandırdığını gözlemledik. Gelişmiş projelerde TypeScript ve Express.js kombinasyonunu kullanarak daha sağlam, bakımı kolay ve ölçeklenebilir uygulamalar oluşturmak mümkündür.