Express.js ile Web Uygulaması Yapmanın Adımları

Express.js ile web uygulaması yapma rehberi, adım adım Express.js kurulumu ve basit bir web sunucusu oluşturma sürecini anlatıyor.

BFS

Web uygulamaları günümüz dijital dünyasında vazgeçilmez araçlar haline geldi. Herkesin cebinde bir akıllı telefon olduğu, sürekli internet bağlantısına sahip olduğu bu dönemde, etkileşimli ve hızlı web uygulamaları hayati önem taşıyor. Bu yazıda, Express.js ile web uygulaması yapmanın temellerini öğreneceğiz. Hazır mısınız? O zaman başlayalım!

Express.js Nedir?



Express.js, Node.js üzerinde çalışan ve web uygulamaları oluşturmayı kolaylaştıran, hafif ve esnek bir framework'tür. Eğer JavaScript'e hakimseniz, Express.js tam size göre! Çalışma şekli oldukça basit ve hızlıdır. Kullanıcı taleplerini işleyebilir, veri alabilir ve veritabanlarıyla etkileşimde bulunabilirsiniz. Özellikle backend geliştirme konusunda güçlü bir araçtır.

Başlamadan Önce Gereksinimler



Express.js ile çalışmaya başlamadan önce bazı araçlara ve yazılımlara ihtiyacınız olacak. Bunları şunlar olarak sıralayabiliriz:

1. Node.js: Express.js, Node.js üzerinde çalışır, bu yüzden Node.js'in bilgisayarınızda kurulu olması gerekmektedir. Node.js, JavaScript'i sunucu tarafında çalıştırmamızı sağlar.
2. Yarn veya npm: Node.js ile birlikte gelen bu paket yöneticileri, gerekli bağımlılıkları (dependencies) yüklememize yardımcı olur.
3. Bir metin editörü: Kod yazarken size yardımcı olacak bir IDE veya metin editörü (Visual Studio Code, Sublime Text vb.) gereklidir.

Eğer bunlara sahipseniz, Express.js ile ilk web uygulamanızı yapmaya başlamak için hazırsınız!

Adım 1: Node.js Projesi Oluşturma



Öncelikle, bir Node.js projesi oluşturmak için terminal veya komut satırını açın ve yeni bir klasör oluşturun. Ardından bu klasöre geçin.

```bash
mkdir express-web-uygulamasi
cd express-web-uygulamasi
```

Şimdi, `npm init` komutunu çalıştırarak projenizin başlangıç dosyasını oluşturun. Burada proje adını, versiyonunu ve diğer bilgileri belirleyeceksiniz.

```bash
npm init -y
```

Bu komut, projeniz için `package.json` dosyasını oluşturur. Bu dosya, bağımlılıkların ve proje ayarlarının bulunduğu yerdir.

Adım 2: Express.js Kurulumu



Şimdi Express.js'i projenize dahil edeceğiz. Bunun için `npm` veya `yarn` paket yöneticisini kullanabilirsiniz. Terminal üzerinden şu komutu çalıştırarak Express'i yükleyin:

```bash
npm install express
```

Bu komut, Express.js'i projenize ekler ve `node_modules` klasörüne indirir.

Adım 3: Basit Bir Web Sunucusu Kurma



Şimdi Express.js ile basit bir web sunucusu oluşturacağız. Proje dizininizde yeni bir dosya oluşturun ve adını `app.js` koyun. İçine aşağıdaki kodu yazın:


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

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

// Sunucu başlatma
app.listen(3000, () => {
  console.log('Sunucu 3000 portunda çalışıyor!');
});


Burada yaptığımız şey oldukça basit: Express'i dahil ediyoruz ve bir GET isteği ile ana sayfayı ("/") yönlendirdiğimizde kullanıcıya "Merhaba, Express!" mesajı gönderiyoruz. Ardından, `app.listen` fonksiyonu ile sunucuyu başlatıyoruz ve 3000 portunda çalışmasını sağlıyoruz.

Adım 4: Sunucuyu Çalıştırma



Şimdi, terminale geri dönüp şu komutla uygulamayı başlatabilirsiniz:

```bash
node app.js
```

Sunucu başarıyla başlatıldıysa, terminalde şu mesajı görmelisiniz:

```
Sunucu 3000 portunda çalışıyor!
```

Artık tarayıcınızda `http://localhost:3000` adresine giderek uygulamanızı test edebilirsiniz. Karşınıza "Merhaba, Express!" mesajı çıkmalıdır.

Adım 5: Dinamik Sayfalar ve Veritabanı Kullanımı



İlerledikçe daha dinamik sayfalar oluşturmak isteyeceksiniz. Örneğin, bir kullanıcı kaydı yapma veya veritabanı ile etkileşimde bulunma gibi. Express.js, veritabanları ile bağlantı kurmak için farklı modülleri destekler.

Örnek olarak, bir veritabanı bağlantısı yapmadan önce veritabanına bağlanmak için `mongoose` gibi bir kütüphane kullanabiliriz. Mongoose, MongoDB ile etkileşim kurmamıza olanak tanır.

Öncelikle, MongoDB'yi yüklememiz ve aşağıdaki gibi bir bağlantı kurmamız gerekiyor:


const mongoose = require('mongoose');

// MongoDB bağlantısı
mongoose.connect('mongodb://localhost:27017/expressdb', {
  useNewUrlParser: true,
  useUnifiedTopology: true
})
.then(() => {
  console.log('Veritabanına bağlanıldı!');
})
.catch(err => {
  console.log('Veritabanı bağlantı hatası:', err);
});


Bu şekilde, Express uygulamanızla MongoDB arasında bağlantı kurabilirsiniz. Daha sonra kullanıcı verilerini veritabanına kaydedebilir veya çekebilirsiniz.

Adım 6: Uygulamayı Yayınlama



Web uygulamanızı geliştirdikten sonra, artık yayınlama zamanı! Uygulamanızı internet üzerinde erişilebilir hale getirebilmek için bir sunucuya (örneğin Heroku veya DigitalOcean) yüklemeniz gerekecek. Heroku, Node.js uygulamaları için oldukça popüler bir platformdur. Uygulamanızı Heroku'ya yüklemek için şu adımları izleyebilirsiniz:

1. Heroku'ya kayıt olun ve Heroku CLI'yi yükleyin.
2. Proje dizininde `git init` komutunu çalıştırarak versiyon kontrolü başlatın.
3. Heroku'yu, `git push` komutu ile uygulamanızı yüklemek için kullanabilirsiniz.

Bu işlemler sonucunda uygulamanız, Heroku'da barındırılacak ve herkesin erişimine açılacaktır!

Sonuç



Express.js, hızlı ve etkili bir şekilde web uygulamaları geliştirmenizi sağlayan mükemmel bir araçtır. Basit bir web sunucusu kurmaktan dinamik içeriklere kadar birçok özelliği kolayca entegre edebilirsiniz. Eğer Node.js ve JavaScript'e aşina iseniz, Express.js ile güçlü ve esnek web uygulamaları geliştirmeniz çok kolay olacak.

Unutmayın: Express.js, sadece backend geliştirme için değil, aynı zamanda ölçeklenebilir ve bakımı kolay web uygulamaları oluşturmanız için harika bir platformdur.

Başarılı projeler geliştirmek dileğiyle!

İlgili Yazılar

Benzer konularda diğer yazılarımız

ASP.NET Core ile Mobil Uygulama Geliştirme: Cross-Platform Web ve Mobil Uygulama Birleştirme

Günümüzde mobil uygulamalar hayatımızın ayrılmaz bir parçası haline geldi. Akıllı telefonlarımızda geçirdiğimiz zamanın büyük bir kısmını mobil uygulamalar sayesinde geçiriyoruz. Peki, bir mobil uygulama geliştirirken karşılaştığımız zorlukları nasıl...

ASP.NET Core 500 Internal Server Error: Sebepleri ve Çözümleri

Bir web geliştiricisi olarak, karşılaştığınız en zorlayıcı hatalardan biri şüphesiz "500 Internal Server Error"dır. Bu hata, web uygulamanızda her şeyin yolunda gittiğini düşündüğünüz bir anda karşınıza çıkabilir ve tüm projeyi durdurabilir. Ancak merak...

OAuth2 Authentication Error: Nedenleri ve Çözümleri

OAuth2 Authentication Error: Gerçekten Neyin Peşindeyiz?Her geliştirici, kimlik doğrulama hatalarıyla bir noktada karşılaşmıştır. Ama bazen işler kontrolden çıkabiliyor. Eğer bir gün OAuth2 ile çalışırken bir kimlik doğrulama hatası aldığınızda, yalnız...