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
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.
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.
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 :
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 :
Şimdi VS Code terminaline daha önceden yüklediğimiz Nodemon modülünü kullanarak uygulamamızı çalıştıralım.
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.
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.
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
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.
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');
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>
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.
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.