Express.js ile Web Uygulaması Yapmanın Püf Noktaları: Adım Adım Rehber

Herkese merhaba! Bugün sizlere Express.js ile web uygulaması yapmanın ne kadar kolay ve eğlenceli olduğunu göstereceğim. Eğer web geliştirmeye yeni başlıyorsanız ve backend tarafında yol almak istiyorsanız, Express.js tam size göre. Node.js'in gücünü arkasına alarak, hızlı ve verimli web uygulamaları oluşturmak mümkün. Hadi o zaman, Express.js ile web uygulaması yapmaya başlamak için hazır mısınız?

Express.js, Node.js tabanlı bir web uygulama çatısıdır. Eğer backend geliştirme konusunda kendinizi geliştirmek istiyorsanız, Express.js size oldukça büyük kolaylıklar sağlar. Hem küçük hem de büyük ölçekli projelerde kullanılabilen bu framework, minimal yapısı ile tam olarak ihtiyacınız olan esnekliği sunar. Express.js, bir web sunucusu oluşturmak için size gerekli tüm araçları sağlar. Dilerseniz, sadece birkaç satır kodla web sunucusunu ayağa kaldırabilir ve API'ler geliştirmeye başlayabilirsiniz.

Express.js ile web uygulaması yapmanın ilk adımı, Express.js'i projenize kurmak. Hadi, bunu nasıl yapacağımıza bakalım!

Öncelikle, terminal üzerinden Node.js projenizi başlatmanız gerekiyor:

npm init -y

Bu komut, yeni bir Node.js projesi başlatır. Ardından, Express.js’i projenize eklemek için şu komutu yazın:

npm install express --save

Express'i kurduktan sonra, projeye temel bir Express.js sunucusu eklemeye başlayabiliriz. Şimdi, `server.js` adında bir dosya oluşturalım ve içine şu basit kodu yazalım:

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

app.get('/', (req, res) => {
  res.send('Merhaba, Express!');
});

app.listen(port, () => {
  console.log(`Sunucu http://localhost:${port} adresinde çalışıyor!`);
});

Bu kod, basit bir Express.js sunucusu kurar ve ana sayfada "Merhaba, Express!" mesajını gösterir. Şimdi terminal üzerinden şu komutu çalıştırarak sunucunuzu başlatabilirsiniz:

node server.js

Tarayıcınızda `http://localhost:3000` adresini ziyaret ettiğinizde, karşınıza "Merhaba, Express!" mesajı çıkacaktır. İşte, Express.js ile ilk web uygulamanızı oluşturmuş oldunuz!

Basit bir web sunucusu kurduk, ancak Express.js çok daha fazlasını yapmamıza olanak tanır. Örneğin, dinamik URL'ler ve parametreler eklemek çok kolay! Hadi, biraz daha ileri gidelim ve bir kullanıcıyı URL parametreleriyle nasıl karşılayacağımızı görelim:

app.get('/merhaba/:isim', (req, res) => {
  const isim = req.params.isim;
  res.send(`Merhaba, ${isim}!`);
});

Yukarıdaki kod parçası, `/merhaba/:isim` yolunu dinler ve URL’deki `isim` parametresini kullanarak kişiye özel bir mesaj gösterir. Örneğin, `http://localhost:3000/merhaba/Baran` adresine gittiğinizde, "Merhaba, Baran!" mesajını göreceksiniz. Ne kadar kolay, değil mi?

Express.js ile uygulamanızda birçok farklı rota oluşturabilirsiniz. Rotalar, kullanıcıların belirli URL'lere giderek farklı içerikleri görüntülemelerini sağlar. Express.js'teki rotalar çok esnektir ve belirli işlemleri gerçekleştirebilmek için middleware (ara katman) kullanabilirsiniz.

Örneğin, kullanıcılar `/giris` adresine girdiğinde sadece giriş yapmış olanlar erişebilsin diyelim. Bunun için bir giriş kontrol middleware’ini şöyle yazabiliriz:

function kontrolMiddleware(req, res, next) {
  const girisYapti = false; // Burada bir oturum kontrolü yapılabilir
  if (!girisYapti) {
    return res.redirect('/giris');
  }
  next();
}

app.get('/giris', (req, res) => {
  res.send('Giriş Yapmadınız!');
});

app.get('/panel', kontrolMiddleware, (req, res) => {
  res.send('Hoş geldiniz! Panel sayfasındasınız.');
});

Bu örnekte, `/panel` adresine gitmek isteyen kullanıcıların önce giriş yapması gerekiyor. Giriş yapmadılarsa, onları `/giris` sayfasına yönlendiriyoruz.

Web uygulamaları sadece HTML görüntülemekten ibaret değildir. Aynı zamanda API’ler oluşturmak da mümkündür! Express.js ile kolayca RESTful API’ler geliştirebilirsiniz. Bir örnek üzerinden bunu gösterelim:

const users = [
  { id: 1, ad: 'Baran' },
  { id: 2, ad: 'Ali' },
  { id: 3, ad: 'Ayşe' }
];

app.get('/api/kullanici', (req, res) => {
  res.json(users);
});

app.get('/api/kullanici/:id', (req, res) => {
  const user = users.find(u => u.id == req.params.id);
  if (user) {
    res.json(user);
  } else {
    res.status(404).send('Kullanıcı bulunamadı');
  }
});

Bu kod, iki API rotası oluşturur. Birincisi tüm kullanıcıları dönerken, ikincisi belirli bir kullanıcının detaylarını döner.

Gördüğünüz gibi, Express.js ile web uygulaması yapmak gerçekten çok kolay ve eğlenceli. Yalnızca birkaç satır kodla güçlü bir backend uygulaması oluşturabilirsiniz. Hem küçük projeler hem de büyük ölçekli uygulamalar için Express.js mükemmel bir tercihtir. Şimdi siz de Express.js ile hayalinizdeki web uygulamalarını yapabilirsiniz! Unutmayın, öğrenmek ve denemek en iyi yoldur. Başarılar!