Express.js Nedir?
Birçok geliştirici gibi siz de hızlı bir şekilde web uygulamaları yapmak istiyorsunuz. Burada devreye Express.js giriyor. Express, Node.js üzerinde çalışan, minimal ve esnek bir web uygulaması çatısıdır. Kısacası, backend kodlarınızı hızlıca yazabilmeniz için size yardımcı olur. Hızlı geliştirme yapabilmeniz, çok sayıda modül ve araç ile uyumlu olması gibi avantajları vardır.
İlk Adımlar: Node.js ve Express.js’i Kurma
Express.js ile web uygulaması geliştirmek için önce Node.js'in bilgisayarınızda kurulu olması gerekiyor. Eğer Node.js’i henüz yüklemediyseniz, aşağıdaki adımları izleyebilirsiniz:
1. [Node.js'in resmi web sitesine](https://nodejs.org/en/) gidin.
2. İstediğiniz sürümü indirin ve yükleyin.
Yükleme tamamlandığında, terminal veya komut satırında aşağıdaki komut ile kurulumun başarılı olup olmadığını kontrol edebilirsiniz:
node -v
Node.js yüklendiğinde, Express.js’i kurmaya başlayabiliriz. Bunun için terminale şu komutu yazmamız yeterli:
npm init -y
npm install express
İlk komut, projenizi başlatmanızı sağlar, ikinci komut ise Express.js’i projeye dahil eder. Evet, şimdi Express.js ile tanışmaya hazırsınız!
Express.js İle İlk Sunucunuzu Kurma
Artık Express.js’i projeye dahil ettik. Şimdi, basit bir web sunucusu oluşturmak için kodumuzu yazalım.
Bir dosya oluşturuyoruz, adını `app.js` koyabiliriz. İçerisine şu kodları yazalım:
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.send('Merhaba Dünya!');
});
app.listen(3000, () => {
console.log('Sunucu 3000 portunda çalışıyor');
});
Yukarıdaki kodda Express'i projeye dahil ettik ve basit bir "Merhaba Dünya!" mesajı veren bir route (yol) oluşturduk. Bu uygulamayı çalıştırmak için terminalde şu komutu giriyoruz:
node app.js
Şimdi tarayıcınızda `http://localhost:3000` adresine gidin, "Merhaba Dünya!" mesajını görmelisiniz.
Routing (Yönlendirme) İşlemi
Web uygulamanızda birden fazla sayfa olması muhtemeldir. Express.js, çeşitli yönlendirmeleri (routes) kolayca oluşturmanıza olanak sağlar. Örneğin, iki farklı sayfa oluşturalım:
app.get('/hakkimizda', (req, res) => {
res.send('Hakkımızda Sayfası');
});
app.get('/iletisim', (req, res) => {
res.send('İletişim Sayfası');
});
Bu kodlarla artık `/hakkimizda` ve `/iletisim` sayfalarına da ulaşabiliyoruz. Tarayıcıya girdiğinizde, farklı URL’ler ile farklı içeriklere yönlendirildiğinizi göreceksiniz.
Veri Gönderme: POST Yöntemi
Web uygulamanızda form verilerini göndermeniz gerekebilir. Bunu yapmanın yolu, Express.js ile POST isteği göndermeyi öğrenmekten geçiyor. Örneğin, basit bir form verisini almak için şu şekilde bir yapı oluşturabiliriz:
Öncelikle, form verisini alabilmek için body-parser middleware’ini yükleyelim:
npm install body-parser
Daha sonra, formu işlemek için şu kodları yazalım:
const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({ extended: true }));
app.post('/kayit', (req, res) => {
const isim = req.body.isim;
res.send(`Hoşgeldin, ${isim}!`);
});
Artık, POST isteği ile veri gönderebilir ve alabilirsiniz. Bu, kullanıcıların uygulamanızla etkileşime geçmesini sağlayacak önemli bir adımdır.
Hedef: Gerçek Bir Uygulama Yapmak
Artık Express.js ile temel bir web uygulaması kurduk. Ancak gerçekte, web uygulamanızda daha fazla özellik olabilir. Veritabanı bağlantısı eklemek, kullanıcı doğrulama, şablon motorları kullanmak gibi daha ileri seviye adımlar atabilirsiniz. Bu rehberin amacı, size Express.js ile basit bir başlangıç yapmanız konusunda yardımcı olmaktı. Ancak unutmayın, Express.js’in sunduğu birçok güçlü özellik var, her birini keşfetmek size daha büyük projelerde büyük avantajlar sağlayacaktır.
Sonuç olarak, Express.js ile web uygulaması geliştirmek, hem hızlı hem de verimli bir çözümdür. Kendi projelerinizi geliştirmeye başladığınızda, Express.js’in sunduğu esneklik ve modüler yapıyı daha iyi anlayacaksınız. Unutmayın, bir uygulama yaparken öğrendiğiniz her şey, daha büyük projelerde size rehberlik edecektir.
