NodeJS server oluşturduktan sonra sunucumuza dışardan dosya dahil etmemiz gerekebilir. Mesela index.html adında bir sayfamız olsun. Bu sayfa bizim ana sayfamız. Bunu NodeJS sunucumuza dahil ederek ana sayfa olarak tanımlamamız gerekir. Eğer bu dosyayı sunucuya tanımlamazsak kullanıcı dosyayı göremez. Yazının devamında söylediklerim daha iyi pekişecektir.
Öncelikle bu işlemi bir JavaScript modülü ile yapacağız. Fakat modülü projeye dahil etmeden önce proje dosyasıyla aynı dizine “index.html” adında ana sayfa dosyanızı oluşturun ve h1 tagı içerisinde “Burası İndex.html” yazın.
Modülümüzü projemize dahil etmek için aşağıdaki kodları yazıyoruz.
<pre style="background: rgb(238, 238, 238); border: 1px dashed rgb(153, 153, 153); line-height: 14px; outline: 0px; overflow: auto; padding: 5px; vertical-align: baseline; width: 592.016px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat; background-size: initial; background: url("images/code.gif") left top no-repeat rgb(241, 241, 241); border-color: rgb(221, 221, 221); border-image: initial; border-style: dotted dotted dotted solid; border-width: 1px 1px 1px 10px; display: block; margin: 0px; outline: 0px; padding: 20px; vertical-align: baseline;">const fs = require('fs')Böylelikle “fs” yani “FileSystem” modülünü projemize dail etmiş oluyoruz.
Sonrasında ise dahil etmek istediğimiz dosyayı belirtmemiz gerek. Ben “index.html” isimli dosyayı dahil edeceğimi söylemiştim. HTML dosyamı dahil etmek için
<pre style="background: rgb(238, 238, 238); border: 1px dashed rgb(153, 153, 153); line-height: 14px; outline: 0px; overflow: auto; padding: 5px; vertical-align: baseline; width: 592.016px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat; background-size: initial; background: url("images/code.gif") left top no-repeat rgb(241, 241, 241); border-color: rgb(221, 221, 221); border-image: initial; border-style: dotted dotted dotted solid; border-width: 1px 1px 1px 10px; display: block; margin: 0px; outline: 0px; padding: 20px; vertical-align: baseline;">const indexPage = fs.readFileSync('index.html')kodlarını yazıyorum. Bu kodlar sayesinde NodeJS sunucuma dışarıdan dosya dahil etmiş oluyorum. Ancak bu dosyayı daha görüntüleyemedik. Bunu yapmak için projeme “index.html” dosyasını ana sayfa olarak tanımlamam gerek.
Tanımlama işlemini yapmak için “createServer” metodunu kullandığım yere gelip aşağıdaki kodları yazıyorum.
<pre style="background: rgb(238, 238, 238); border: 1px dashed rgb(153, 153, 153); line-height: 14px; outline: 0px; overflow: auto; padding: 5px; vertical-align: baseline; width: 592.016px;"><code style="background-attachment: initial; background-clip: initial; background-color: #f1f1f1; background-origin: initial; background-position: 0% 0%; background-repeat: no-repeat; background-size: initial; background: url("images/code.gif") left top no-repeat rgb(241, 241, 241); border-color: rgb(221, 221, 221); border-image: initial; border-style: dotted dotted dotted solid; border-width: 1px 1px 1px 10px; display: block; margin: 0px; outline: 0px; padding: 20px; vertical-align: baseline;">if (req.url === '/'){
return res.end(indexPage)
}Bu kodlar sayesinde programımıza, eğer kullanıcı ana sayfaya gitmek isterse onu “indexPage” olarak adlandırdığım değişkene gönder komutunu verdik. “indexPage” değişkeninin içinde ise yukarda “index.html” dosyasını tanımlamıştık.
Eğer projemizi çalıştırırsak aşağıdaki resimdeki gibi bir görüntü çıkacaktır.
Bunu diğer sayfalar içinde yapabilirsiniz. Mesela “contact.html” isminde bir iletişim sayfası oluşturup kullanıcıya sunabilirsiniz.
“NodeJS dışarıdan dosya dahil etme” isimli yazımız buraya kadardı yorum bırakmayı ve diğer yazıları okumayı unutmayın.
