4.1.3. Statik Dosyaları Sunma

Express, images, CSS, JavaScript gibi statik dosyaları sunmak için dahili bir ara katman “express.static” sunar.

Doğrudan dosyalara hizmet vermeye başlamak için statik varlıklarınızı sakladığınız dizinin adını express.static ara katmanına geçirmeniz yeterlidir. Örneğin “www” klasörü içindeki images, CSS ve Javascript dosyalarını uygulamamıza bağlamak için:

app.use(express.static('www'));

1	app.use(express.static('www'));

Örneğin www klasöründe bir image klasörü ve bu klasör içinde bir resim olsun. Dizin yapısı:

node_modules
server.js
www/
www/images
www/images/logo.png

node_modules

server.js

www/

www/images

www/images/logo.png

www altındaki tüm statik dosyaları uygulamamıza bağlamak için “Merhaba Node.js Dunyasi” uygulamamızı aşağıdaki şekilde güncelleyelim.

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

app.use(express.static('www'));

app.get('/', function (req, res) {
   res.send('Merhaba Node.Js Dunyasi');
})

var server = app.listen(8081, function () {
   var host = server.address().address
   var port = server.address().port

   console.log("Dinleniyor: http://%s:%s", host, port)

})

var express = require('express');

var app = express();

app.use(express.static('www'));

app.get('/', function (req, res) {

res.send('Merhaba Node.Js Dunyasi');

})

var server = app.listen(8081, function () {

var host = server.address().address

var port = server.address().port

console.log("Dinleniyor: http://%s:%s", host, port)

})

Tarayıcımızı açıp adres çubuğuna “http://127.0.0.1:8081/images/logo.png” yazalım. Artık resimlere, CSS ve Javascript dosyalarını kolayca uygulamamıza bağlayabiliriz.