JavaScript Mongoose ile MongoDB rehberi #1

Selam. İnternette MongoDB ile ilgili kısıtlı Türkçe kaynak olduğu için kendi bilgiminde yettiği kadarıyla Mongoose ile MongoDB rehberi paylaşmaya karar verdim.
Bu seride kullanacağımız temel NPM modülleri: Express, Mongoose, EJS ve Nodemon. Tabii bunları indirirken Node JS'i indirmiş olmanız gerekir. Ben her şeyi en temelinden göstereceğim.
En aşağıdaki linkten Node JS'in sayfasına gidip Node JS'i indirmeniz gerekmektedir.
https://nodejs.org/en
Buradan Recommended seçeneğini indirdikten sonra masaüstünde proje için açtığınız dosyaya yukarıda yazdığım temel modülleri indirmeniz gerekmektedir.
Express JS
Mongoose
EJS

1706881120756.png


Yukarıdaki linklerden sitede sağ köşede olan Install kısmını konsola kopyalayıp yapıştırarak indirebilirsiniz.
Haydi şimdi projemizin temellerini oluşturalım.

1706881219931.png


Sizde yukarıda gördüğünüz dosyaları oluşturun. Peki bunlar ne işe yarayacak derseniz hemen açıklayayım:
App.js: Projenin ana kodlarının olduğu dosyalarımızdır.
Views: İçinde HTML ve CSS yazılı sayfaların olduğu projemize istediğimiz görünümleri EJS aracılığıyla "Render" etmemizi sağlayacak dosyaları bulundurur.
Partials'a daha sonra değineceğiz.

Şimdi App.js dosyamızın içini doldurmaya başlayalım.

JavaScript:
// Express'i çağırıyoruz
const express = require('express');
// EJS çağırıyoruz
const ejs = require('ejs');
Express ve EJS'i çağırdıktan sonra Express'i app ve serveri dinlemesi için EJS'i ise app'e index.ejs'i render yapabilmesi için kullanıyoruz :
JavaScript:
// App ve server olusturuyoruz
const app = express();
app.listen(3000); // App'in 3000. portu dinlemesini soyluyoruz

// EJS ile View Engine tanimliyoruz
app.set('view engine', 'ejs'); // app.set uygulamada cesitli ayarlari yapmada kullanilir

// Sayfalari olusturmaya basliyoruz
app.get('/', (req,res) => { // Buradaki '/' sayfa localhost:3000'in kokunu belirtmektedir
    res.render('index'); // index.ejs dosyasini renderliyoruz
}); // req ve res yani request ve response server tarafina gonderdigimiz istek ve yanit anlamina gelmektedir

Projemizin temelini olusturdugumuza göre index.ejs dosyamıza da ufak bir HTML yazalım ve uygulamamız çalışıyor mu yoksa çalışmıyor mu bakalım.
index.ejs :
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>
        Hello World !
    </h1>
</body>
</html>
Şimdi VS Code terminaline daha önceden yüklediğimiz Nodemon modülünü kullanarak uygulamamızı çalıştıralım.
1706883482842.png

Uygulamayı çalıştırdıktan sonra bu mesajı almanız gerekir haydi şimdi tarayıcıda localhost:3000'e gidelim ve uygulamamız çalışıyor mu diye bakalım.
1706883592180.png

Ve evet! Uygulamamız çalışıyor. Uygulamamızın temellerini oluşturduk. Bir sonraki rehberlerde MongoDB'ye bağlanmayı göstereceğim. Yorumlarınız, eleştirileriniz varsa bekliyorum. Görüşmek üzere.
 
Pek alakam yok ama bilgiler için teşekkürler hocam.
 

Yeni konular

Geri
Yukarı