Merhaba arkadaşlar. Bu yazımda sizlere Node.js’in Express modulüyle ejs’in nasıl kullanılacağından kısaca bahsedeceğim. Express ile default olarak gelen .jade’e ısınamayanlar için oldukça işe yarar olduğunu düşünüyorum.

EJS nedir?

Ejs, html şablonlarıyla, servis tarafımızdan gelen verileri birleştirebilmemizi sağlayan javascript kütüphanesidir. Php’de olduğu gibi html içerisine veri yollayıp bunu görüntüleyebilmemizi sağlar.

İlk olarak express ile yeni bir proje oluşturuyoruz. Express ile nasıl proje oluşturulacağını bilmiyorsanız ilgili blog yazıma gözatabilirsiniz. Proje dosyalarımız içerisindeki package.json dosyasını açıp “dependencies” içerisindeki verilerin sonuna

"ejs": "*"

ekliyoruz. app.js dosyasındaki

app.set('view engine', 'jade');

“jade” ifadesini “ejs” olarak değiştiriyoruz.

app.set('view engine', 'ejs');

/views klasörü içerisindeki .jade uzantılı index.jade dosyasının adını index.ejs olarak değiştiriyoruz. Bu işlemi kullanacağımız bütün view dosyaları için yapmamız gerekir. Tabi içerisine de ejs modulüne uygun olarak değiştirmemiz gerekecek. Şuan için basit bir html yapısı ve “title” verisiyle değiştirebiliriz.

<html>
<head>
	<title> Express </title>
</head>
<body>
<%- title %>
</body>
</html>

bu title verisini servisten yollamamız lazım. Hali hazırda express modulünde default olarak gelen kod işimizi görür. Gene de index.js içerisini buraya yazıyorum.

var express = require('express');
var router = express.Router();</code>

/* GET home page. */
router.get('/', function(req, res) {
res.render('index', { title: 'Express' });
});
module.exports = router;

Değişiklikleri kaydetmeyi unutmayalım. Terminal’den komut satırına projemizin bulunduğu klasöre gidiyoruz ve

sudo npm install
npm start

komutlarını uygulayarak projeyi ayağa kaldırıyoruz. Herşey yolunda gittiyse tarayıcımızdan http://localhost:3000/ diyerek girdiğimizde karşımıza title verisinde belirttiğimiz “Express” yazısı gelecektir.

Okuduğunuz için teşekkür ederim.

  • Kadir Yaka

Beğendiniz mi? O halde paylaşın: