Expressjs, Nodejs destekli bir web uygulama çerçevesidir Bu makale, Expressjs kullanarak nasıl web uygulamaları geliştirebileceğinizi anlatmaktadır Öncelikle, Nodejs ve Nodejs paket yöneticisi gibi yazılımları kurmanız gerekiyor Ardından, Expressjs kurulumu yapabilirsiniz Expressjs'in tutucular, yönlendirmeler, middleware ve statik dosya yönetimi gibi temel özelliklerini öğrenerek, web uygulamalarınızda bunları nasıl kullanabileceğinizi öğrenebilirsiniz Expressjs, web uygulama geliştiricilerine tam kontrol sunmaktadır ve dinamik URL yönlendirmelerine izin verir Ayrıca, modüler bir yapısı sayesinde, kendi özel modüllerinizi yazmanıza izin verir Expressjs'in kurulu olduğu web uygulamaları, daha ölçeklenebilir ve güvenilir olur Nodejs ve Nodejs paket yöneticisi kurulumlarının tamamlanmasının ardından, Expressjs kolayca kurulabilir ve web uygulamalarınız

Express.js, web uygulama geliştirme alanında popüler bir çerçevedir ve Node.js tabanlıdır. Bu makalede, Express.js kullanarak nasıl web uygulamaları geliştirebileceğinizi öğreneceksiniz. İlk olarak, Express.js'in kurulum adımlarına göz atacağız. İşletim sisteminize uygun olarak Node.js'in kurulumunu yapın. Ardından, Node.js paket yöneticisini yükleyebilirsiniz. Bunları yaptıktan sonra, Express.js kurulumunu npm komutu kullanarak gerçekleştirebilirsiniz.
Temel Express.js özelliklerini kavramak önemlidir. Bu özellikler arasında tutucular, yönlendirmeler, middleware ve statik dosya yönetimi yer almaktadır. Tutucular, URL yönlendirme yöntemlerini ve işlevlerini ifade eder. HTTP GET isteklerini yanıtlayan ve işleme sokan tutucuya "Get Tutucusu" denir, HTTP POST isteklerini yanıtlayan ve işleme sokan tutucuya "Post Tutucusu" denir.
Yönlendirmeler, URL trafiğini başka bir URL'ye yönlendiren özellikleri ifade eder. Temel bir yönlendirme örneği ele alınacak ve ayrıntılı bir şekilde açıklanacaktır. Middleware, HTTP isteklerinin between (arada) işlenmesini sağlar. Özel bir middleware fonksiyonu oluşturarak Express.js'te middleware fonksiyonlarını nasıl kullanabileceğinizi öğreneceksiniz. Statik dosya yönetimi, resim, CSS ve JavaScript dosyaları gibi statik unsurların nasıl yönetileceğini anlatır. Express.js ile statik dosya yönetimi nasıl yapılır, bu soruya yanıt bulacaksınız.
Express.js Nedir?
Express.js, Node.js tabanlı bir web uygulama çerçevesidir. Bu çerçeve, bir dizi modülün bir araya getirilmesiyle oluşur ve Node.js ile birlikte çalışarak web uygulaması geliştirme sürecini hızlandırır. Express.js'in ana özelliği, web uygulaması mimarisini basitleştirmesidir. Ayrıca, dinamik URL yönlendirmelerine izin veren bir yapıya sahiptir.
Express.js, web uygulama geliştiricilerine tam kontrol sunar ve işlevlerin açıkça tanımlanmasını sağlar. Yani, web uygulamasındaki tüm işlemler sürekli bir şekilde açıklanır, bu sayede ölçeklenebilirlik ve güvenilirlik artar. Ayrıca Express.js, HTTP isteklerine yanıt veren bir uygulama sunucusu olarak da kullanılabilir.
Express.js, modüler bir yapıya sahiptir ve geliştiricilerin kendi özel modüllerini yazmalarına izin verir. Bu modüler yapısı, web uygulaması geliştirme sürecinde önemli ölçüde zaman ve emek tasarrufu sağlar. Ayrıca, Express.js, diğer Node.js modülleri ve kütüphaneleri ile iyi bir uyum içindedir, bu sayede daha fazla esneklik sağlar.
Express.js'in Kurulumu
Express.js kullanarak web uygulamaları geliştirmek için öncelikle Express.js'in kurulması gerekmektedir. Şimdi ise, farklı işletim sistemleri için Express.js kurulumu hakkında bilgiler vereceğiz.
İlk olarak, Node.js kurulumunu yapmanız gerekmektedir. OS X için Node.js kurulumunu paket yöneticisi Homebrew üzerinden, Windows için Node.js kurulumunu resmî Node.js web sitesi üzerinden gerçekleştirebilirsiniz. Linux için ise işletim sisteminizin paket yöneticisini kullanarak Node.js kurulumunu tamamlayabilirsiniz.
Node.js kurulumu tamamlandıktan sonra, npm gibi bir paket yöneticisi kurmanız gerekmektedir. Bunun için Terminal'de "npm install npm -g" komutunu kullanabilirsiniz.
Node.js ve npm kurulumlarını tamamladıktan sonra, Express.js'in kurulumu gerçekleştirilebilir. Terminal'de "npm install express" komutunu kullanarak Express.js'i kurabilirsiniz. Bu işlem, Express.js'in en son sürümünü indirir ve Node.js modülleri arasına yükler.
Express.js kurulumu tamamlandıktan sonra, web uygulamalarınızda bu çerçeveyi kullanarak birçok farklı işlemler gerçekleştirebilirsiniz.
Kurulum Şartları
Express.js kullanmak için kurulmaya ihtiyaç duyulan yazılımlar Node.js ve Node.js paket yöneticisidir. Node.js, işletim sisteminizin uygun sürümüne göre resmi Node.js web sitesinden indirilerek kurulabilir. Node.js kurulduktan sonra, npm gibi bir paket yöneticisi de kolayca yüklenir. Node.js paket yöneticisi, Express.js gibi uygulama çerçevelerinin kurulması için gereklidir. Kurulum şartlarının tamamlanmasının ardından, Express.js birkaç kolay adımla kurulabilir ve web uygulamalarınızın geliştirilmesine başlayabilirsiniz.
Node.js Kurulum Adımları
Node.js, Express.js için temel gereksinim olduğundan, öncelikle Node.js kurulumu yapılması gerekmektedir. Resmî Node.js web sitesinden indirme ve kurulum işlemi oldukça basittir. İşletim sisteminize uygun olan sürümü seçin ve indirin. Kurulum sırasında gerekli olan tüm adımlar, kurulum sihirbazı tarafından size gösterilecektir. Çoğu durumda, varsayılan seçenekleri kullanarak ilerleyebilirsiniz.
Node.js kurulumunu tamamladıktan sonra, Node.js paket yöneticisi yüklenebilir. Paket yöneticisi, Node.js uygulamalarında kullanılan paketlerin kurulmasını, güncellenmesini ve kaldırılmasını kolaylaştırır. Paket yöneticisi yüklemek için, terminal penceresinde şu komut yazılır ve ardından Enter tuşuna basılır:
İşletim Sistemi | Komut |
---|---|
OS X | sudo npm install -g npm |
Windows | npm install -g npm |
Linux | sudo apt-get install npm |
Komut, yönetici haklarına sahip bir kullanıcı hesabı (sudo) gerektirebilir. Komutla birlikte, kurulum sırasında sizden şifrenizi girmeniz istenebilir.
Node.js Paket Yöneticisi Kurulumu
Node.js, web uygulama geliştirme sürecinde oldukça kullanışlı ve popüler bir araç olarak öne çıkmaktadır. Node.js'yi kurduktan sonra, birçok farklı paket yöneticisi arasından seçim yapabilirsiniz. Ancak, en yaygın olanlardan biri npm'dir. Kurulum işlemi oldukça basittir ve birkaç adımı içerir.
- İlk olarak, terminali açın ve "npm install npm --global" komutunu çalıştırın. Bu, npm paket yöneticisinin en son sürümünü yükleyecektir.
- Sonraki adımda, "npm -v" komutunu kullanarak yüklediğiniz sürümün doğru olup olmadığını kontrol edebilirsiniz.
Bu adımları tamamladıktan sonra, Node.js kullanırken kolayca paket yükleyebilir ve yönetebilirsiniz. Hatta birkaç basit komutla popüler Web frameworkleri, Express.js gibi, kolayca yüklenebilir.
Express.js Kurulumu
Express.js kurulumu oldukça basittir. Öncelikle Node.js'in yüklü olması gerekmektedir. Node.js kurulduktan sonra, npm paket yöneticisi de otomatik olarak yüklenmiş olacaktır.
Ardından Express.js kurulumu için aşağıdaki adımlar takip edilebilir:
- Terminal açılır ve proje dizinine gidilir.
- Ardından,
npm install express --save
komutu çalıştırılır. - Bu işlem, Express.js dosyalarının yüklenmesini sağlar ve package.json dosyasına otomatik olarak kaydeder.
Artık Express.js kullanıma hazırdır ve uygulama geliştirme süreci başlayabilir.
Temel Express.js Özellikleri
Express.js, Node.js tabanlı bir web uygulama çerçevesi olup, asenkron bir yapıya sahiptir. Temel Express.js özellikleri arasında tutucular, yönlendirmeler, middleware ve statik dosya yönetimi bulunmaktadır.
Tutucular, Express.js'te URL yönlendirme yöntemlerini ve işlevlerini ifade eder. Bunlar HTTP isteklerini işleme sokmak için kullanılır. Get tutucusu, HTTP GET isteklerini yanıtlayan ve işleme sokan tutucu iken post tutucusu HTTP POST isteklerini yanıtlayan ve işleme sokan tutucudur.
Yönlendirmeler, Express.js'te URL trafiğini başka bir URL'ye yönlendiren özellikleri ifade eder. Bu sayede kullanıcılar talepleri doğrultusunda farklı sayfalara yönlendirilebilir. Temel yönlendirme örneği, URL yönlendirme örneği detaylı bir şekilde açıklanır.
Middleware, Express.js'te HTTP isteklerinin between (arada) işlenmesini sağlar. HTTP istekleri sırasında gerçekleştirilen işlemler veya işlemler arasında yapılması gereken işlemler, middleware tarafından sağlanır. Özel middleware fonksiyonu oluşturma, Express.js'te özel bir middleware fonksiyonu nasıl oluşturulacağı gösterilir.
Statik dosya yönetimi, Express.js'te resim, CSS ve JavaScript dosyaları gibi statik unsurların nasıl yönetileceği açıklanır. Bu özellikler sayesinde web uygulamalarının daha iyi bir şekilde yönetilebilmesi mümkün hale gelir. Express.js ile statik dosya yönetimi nasıl yapılır, bu konu detaylı bir şekilde ele alınır.
Tutucular
Tutucular, web uygulamalarında sıklıkla kullanılan URL yönlendirme yöntemlerini ve işlevlerini ifade eder. Express.js'te tutucular, birinci sınıf işlevler olarak kabul edilir ve HTTP isteklerinin yanıtlanması için kullanılır.
Express.js'te en önemli tutucular, HTTP GET isteklerini yanıtlayan ve işleme sokan Get tutucusu ve HTTP POST isteklerini yanıtlayan ve işleme sokan Post tutucusudur. Bu tutucular, web uygulamalarında kullanılan güncel işlevleri destekler ve yönlendirme işlemlerini kolaylaştırır.
Tutucu | Açıklama |
---|---|
Get Tutucusu | HTTP GET isteklerini yanıtlayan ve işleme sokan tutucu |
Post Tutucusu | HTTP POST isteklerini yanıtlayan ve işleme sokan tutucu |
Express.js ile tutucular oluşturmak oldukça kolaydır. Yalnızca bir HTTP yöntemi belirlemeniz ve bir işlev atamanız gerekir. Bununla birlikte, tüm tutucu işlemleri tek bir yerde saklanabilir ve yönetilebilir.
Get Tutucusu
Express.js'te, HTTP GET isteklerini yanıtlayan ve işleme sokan Get tutucusu bulunmaktadır. Bu tutucu, web uygulamasının örneğin bir ana sayfasına daha önceden belirlemiş olduğunuz bir URL üzerinden ulaşılmasını sağlar. Express.js web uygulamalarında, Get tutucusuna, talep edilen sayfanın URL adresi ve işlemleri yapacak olan fonksiyon eklenir. Get tutucusuna eklenen bu fonksiyon, bir HTTP GET isteği yapıldığında çalışır. Ancak, post, put, delete gibi farklı istekler için farklı fonksiyonlar tanımlanması gerekmektedir.
Get tutucusu, kullanıcının URL üzerinde değişkenlerle oynayarak farklı taleplerde bulunabilmesine olanak sağlar. Örneğin, "/users/:id" şeklinde bir URL kullanıldığında, ":id" değişkeni ile kullanıcı adı, e-posta veya bir diğer benzersiz parametre kullanılarak ilgili sayfanın çağrılması sağlanabilir. Ek olarak, Get tutucusu kullanıcının taleplerine göre HTML sayfalarını oluşturmaya olanak sağlar. Böylece, kullanıcıya farklı içerikler sunulabilir. Ancak, HTTP GET istekleri talep eden kullanıcılardan herhangi bir veri doğrulaması yapmadığı için güvenlik açığına da neden olabilirler. Bu nedenle, her zaman güvenlik açığının kapanmasını sağlamak için gerekli önlemler alınmalıdır.
Express.js ile Get tutucusu kullanarak temel web uygulamaları geliştirilebilir. Bu sayede kullanıcıların web sitesindeki sayfalara erişimini kontrol edebilir, veri görselleştirmeleri yapabilir ve kullanıcılara herhangi bir veri doğrulaması olmaksızın sunum yapabilirsiniz. Get tutucusu, basit sayfa oluşturma işlemlerinde kullanışlı bir araçtır. Ancak daha karmaşık çalışmalar yapmak için farklı tutucuların kullanımını öğrenmek gerekebilir.
Post Tutucusu
Post tutucusu, Express.js ile web uygulamalarında HTTP POST isteklerini yanıtlayan ve işleme sokan tutucudur. Bu tutucu, istemci tarafından gönderilen verileri alır, işler ve yanıt olarak istemciye bir veri gönderir.Örneğin, bir form doldurulduğunda, formdaki veriler POST isteği yoluyla sunucuya gönderilir ve sunucu bu verileri işlemek için post tutucusunu kullanır.
Aşağıda örnek bir post tutucusu bulunmaktadır:
app.post('/form', function(req, res) { var name = req.body.name; var email = req.body.email; res.send('Name: ' + name + ', email: ' + email);});
Bu örnek kod parçası, '/form' URL'sine bir POST isteği gönderildiğinde, sunucunun 'name' ve 'email' verilerini alır ve ekrana görüntüler. Bu şekilde, post tutucusu yardımıyla form verilerinin alınması ve işlenmesi sağlanabilir.
Yönlendirmeler
Express.js, güçlü bir URL yönlendirme sistemi sunarak web uygulamalarınızın trafiğini başka bir URL'ye yönlendirebilmenize olanak tanır. Yönlendirmeler, kullanıcılara hedef alınan sayfaya yönlendirirken URL erişimlerini basitleştirmek ve yönetmek için kullanılabilir.
Bir Express.js uygulamasında, yönlendirme işlemi için app.get() veya app.post() gibi belirli bir işlev kullanılabilir. Bu işlev, belirli bir URL örneği belirtilerek çağırılabilir ve argüman olarak bir gereksinim ve yanıt nesnesi alır. Böylece belirlediğiniz gereksinimlere uygun URL'leri ele alabilirsiniz. Çok yönlü URL'leri hızla yönledirebilir, uyarlamalar yapabilir ve doğru kaynaklara yönlendirebilirsiniz.
Express.js'in yönlendirme özelliği, web uygulamanızdaki sayfaların doğru şekilde yönlendirilmesini ve kullanıcılara doğru içeriği kolayca sunmanızı sağlar. Bu özellik sayesinde kullanıcılar, URL'leri elle girmek ve çevirme işlemleri için zaman kaybetmezler. Bu yönlendirmelerin yapılabilmesi için uygulama çalışır durumda olmalıdır. Yönlendirme işlemi gerçekleştikten sonra, uygulama hedef URL'ye yönlendirilecektir.
Temel Yönlendirme Örneği
Express.js kullanarak web uygulamaları geliştirirken, URL yönlendirmeleri oldukça önemlidir. Basic bir URL yönlendirme örneği göstererek, bu kavramı daha iyi anlamaya çalışalım.
Kod | Açıklama |
---|---|
app.get('/', function(req, res){ res.send('Anasayfa'); }); | Anasayfa yönlendirmesi |
app.get('/hakkimizda', function(req, res){ res.send('Hakkımızda sayfası'); }); | Hakkımızda sayfası yönlendirmesi |
Bu kodlar, ana sayfa ve hakkımızda sayfası yönlendirmelerini göstermektedir. İlk kodda, app.get('/', function(req, res){res.send('Anasayfa');}); anasayfa yönlendirmesi gösterilir. Gösterilen kod, ana sayfada çalışacak kod parçasını referans alır ve Anasayfa yazısını kullanıcılara yansıtır. İkinci satırda ise /hakkimizda yani "hakkımızda" sayfası için yönlendirme yapılır.
Benzer şekilde, kod parçalarında url'ye (yönlendirilecek sayfa) ve url üzerindeki metne (yönlendirilecek sayfa üzerindeki yazı) özel bir işlev atanabilir.
URL yönlendirmeleri, web uygulamalarında kullanımı en yaygın materyallerden biridir. İş çözümleme işlevi yaparak, URL trafiğini diğer sayfalara yönlendirir. Ayrıca, yönlendirmeler linklerin optimize edilmesiyle de ilgilidir. Kullanımı oldukça kolay olan Express.js bu işlevi web geliştiricilerine sunar, bu sebeple öğrenilmesi oldukça avantajlı olacaktır.
Middleware
Express.js, HTTP isteklerinin arasında işlenmesini sağlayan middleware özelliği sayesinde büyük bir esneklik sağlar. İster güvenlik yöntemleri, ister isteklerin hızlandırılması veya başka bir işlev, middleware birçok iş için kullanılabilir.
Express.js'te kullanılan middleware fonksiyonu, bir HTTP isteği alındığında onu bir sonraki middleware veya istek işleyicisine (request handler) yönlendirir. Bu işlem, isteklerin geniş ölçekte işlenerek daha karmaşık bir yapıya sahip uygulamaların geliştirilmesine olanak tanır.
Özellikle, herhangi bir isteği işlemek için kullanılan middleware fonksiyonları, gelen istekleri belirli bir şekilde düzenleyerek, isteği gerçekleştirecek işlevi çağırmadan önce yapılacak diğer işlemleri gerçekleştirir. Örneğin, bir istekin kimlik doğrulamasını yapmak veya isteği önbelleğe almak için kullanılabilir.
Express.js ile bir middleware fonksiyonu oluşturmak oldukça kolaydır. Sadece bir fonksiyon tanımlamanız ve bunu uygulamaya dahil etmeniz gerekiyor. Middleware fonksiyonları, uygulamanın yönlendirme modülüne eklenerek, belirli bir URL şeması veya dosya türüne yönlendirilen isteklerin işlemesi sağlanır. Bu sayede, belirli bir işlemin gerçekleştirilmesi için gereken kodları modüler şekilde uygulamaya eklemek mümkündür.
Mevcut bir istek (request) işlemesinden önce özel işlemler yapmak için middleware fonksiyonları kullanılabilir. İstek işleyicisi şunları içerebilir:
- İstek nesnesi ve yanıt nesnesi üzerinde yapılan ayarlamalar
- Daha sonra istek işleyicisi tarafından kullanılabilecek verilerin hazırlanması
- İstek işleyicisi tarafından hatayı belirlemek üzere bilgi toplama
Middleware fonksiyonları, next() fonksiyonunu çağırmadan önce işlemleri yaparak istek işleyicisi fonksiyonuna gelen isteği düzenleyebilir. Middleware fonksiyonları, next() fonksiyonu çağrıldığında bir sonraki middleware veya istek işleyicisinde işlemlerin gerçekleştirilmesine izin verir.
Örneğin, aşağıda bir özel middleware fonksiyonu tanımlanmıştır. Bu middleware, gelen isteklerdeki Authorization üstbilgisindeki JWT token'ını çözer, kullanıcının kimliğini doğrular ve doğrulama sonrası kullanıcının rollerine göre isteğin yolunu belirleyerek işlemi gerçekleştirir.
Mevcut İstek | Middleware Fonksiyonu | Sonraki Middleware / İstek İşleyicisi |
---|---|---|
Gelen İstek | app.use(authorize); | app.get('/private', privateRoute); |
İlk Middleware İşlemi | | Gelen isteğe göre değişir |
İkinci Middleware İşlemi | İlgili değil | |
Bu örnekte authorize() middleware fonksiyonu, isteği yönlendirmeden önce gelen Authorization üstbilgisindeki JWT token'ını kontrol eder. Bu token, doğrulama işlemi sırasında oluşturulur ve bir kullanıcının kimliği ve yetkileri hakkında bilgi içerir. authorize fonksiyonu, bu token'ı ve bir kullanıcının rol bilgisini kullanarak, isteğin yönlendirileceği yolu belirler. İkinci Middleware işlemi olan privateRoute fonksiyonu, kullanıcının rolüne göre ilgili sayfaya yönlendirir veya hatalı erişimde uygun bir hata mesajı gösterir.
Özel Middleware Fonksiyonu Oluşturma
Özel middleware fonksiyonları, bir HTTP isteği yürütülmeden önce veya sonra havuza (pool) sokulacak, ortak işlevleri ifade eder. Bu işlevsel çerçevede, her kullanıcının olaylarına özelleştirilmiş işlevler yazarak, uygulamanızın ihtiyacına uygun bir şekilde özelleştirilmiş bir işlevsellik elde edebilirsiniz.
Express.js'te özel middleware fonksiyonlarının oluşturulması, bir HTTP isteği işlenmeden önce veya sonra yürütülmek üzere bir işlevsel yapıya dahil edilmesiyle gerçekleştirilir. Küresel olarak tanımlanmış, birden çok rota tarafından ortak bir şekilde kullanılabilen ve herhangi bir zaman zaman kaybolmayan middleware fonksiyonları oluşturabilirsiniz. Kullanımı oldukça basittir.
Özel middleware fonksiyonlarının temel yapısı, isteği sonlandırmak yerine, bir sonraki middleware fonksiyonu veya istek işlevini çağırmak için işlevin üçüncü parametresi olarak verilen "next" argümanını kullanmaktır. Bu sayede, bölümlerinizi veya herhangi bir sayfanızı herkesin daha iyi bir şekilde yönetebileceği bir işlevsellikte özelleştirmiş olursunuz.
Statik Dosya Yönetimi
Express.js ile web uygulamalarında sık kullanılan statik dosyaların (resim, CSS ve JavaScript dosyaları) yönetimi oldukça önemlidir. Bu dosyalar, web uygulamalarının görüntüsü ve kullanıcı deneyimi açısından büyük bir rol oynamaktadır. Express.js'in bu dosyaları yönetmek için birçok yöntemi vardır.
Birinci yöntem, Express.js'in yüklü olduğu dizinde yer alan public klasörünün kullanımıdır. Bu klasördeki dosyalara erişmek için tek yapmanız gereken, dosyanın URL'sinde public klasörünü eklemektir. Örneğin, "http://localhost:3000/public/resim.jpg" gibi bir URL adresinde resim dosyasına erişebilirsiniz.
İkinci yöntem, dosyaların yoluyla erişmektir. Eğer public klasöründe değilse, dosyaları Express.js'e yoluyla tanıtmalısınız ve dosyanın yolunu belirtmelisiniz. Örneğin, CSS dosyasına erişmek için:
app.use("/css", express.static(__dirname + "/public/css"));
Burada, "/css" i URL'deki dosya yolu olarak belirtiyoruz. "__dirname" ise, kodun çalıştığı dizini ifade etmektedir.
Üçüncü yöntem ise, Dosya Yüklemesi modülünü kullanmaktır. Bu yöntem, kullanıcılara veya yöneticilere dosya yükleme ve yönetme gibi işlemleri sağlar. Bu işlemler için, "multer" adlı bir modül kullanılır ve bu modül üzerinden dosya yükleme işlemleri gerçekleştirilir. Örneğin:
var multer = require('multer');var upload = multer({ dest: 'uploads/' });app.post('/dosyaYukle', upload.single('dosya'), function (req, res, next) { // Dosya yükleme işlemi tamamlandığında yapılacaklar})
Bu kodda, "/dosyaYukle" URL'sine bir POST isteği yapıldığında, dosyanın yolu incelenerek yükleme işlemi gerçekleştirilir. "upload.single" metodu, bir dosya seçimi yapılmasına izin verir ve yüklediğiniz dosyaları "uploads/" klasörüne yerleştirir.
Sonuç olarak, Express.js'in statik dosya yönetimi için birçok özelliği mevcuttur. Bu özellikleri kullanarak, web uygulamalarının görüntüsünü ve kullanıcı deneyimini iyileştirebilirsiniz.
Express.js ile Statik Dosya Yönetimi
Express.js, statik dosya yönetimini kolaylaştırır. Bu yöntem, HTML, CSS, JS ve resim dosyalarını dahil etmek için kullanışlıdır. Statik dosyaları yönetmek, istemciye içerik sunarken dosyaların kolay erişimini sağlar.Express.js'in statik dosya yönetiminin adımları oldukça basittir. İlk olarak, express.static fonksiyonu ve istediğiniz dosya yolu ile birleştirme yapılır. Ardından, bir tutucu fonksiyon olarak kullanılabilir. Aşağıda, bu adımlar detaylı bir şekilde açıklanmaktadır:1. Dosya Yolu Belirleme: Öncelikle, yönetilecek dosya yolu tanımlanmalıdır. Bu yolu, app.use(express.static('dosya_yolu')) fonksiyonu yardımıyla belirtebilirsiniz.
2. İstemci Talepleri: Sonraki adım, istemciden gelen talepleri işlemektir. Bu talepleri işlemek için GET isteklerinin işlenmesi gerekmektedir.
3. Yönlendirme: Statik dosyalar yönlendirilmek için kullanılan anabilgi dosyası olan index.html dosyasının yerini belirlemek gerekir. İstemci, siteye eriştiğinde otomatik olarak bu anabilgi dosyasına yönlendirilir.
Örnek:
app.use(express.static('public'))app.get('/', function(req, res) { res.redirect('/index.html');});
Bu örnekte, express.static fonksiyonu ile public dosya yolu belirlenmiştir. Ardından, istemcinin talep ettiği '/' URL'si, index.html dosyasına yönlendirilir.
Express.js'in statik dosya yönetimi özellikleri ile daha hızlı ve stabil web uygulamaları geliştirebilir ve kullanıcılara daha iyi bir deneyim sunabilirsiniz.