Yeni Başlayanlar İçin Node.js'ye Başlama Kılavuzu

Yeni Baslayanlar Icin Node Js Ye Baslama Kilavuzu



Node.js, web geliştirmede güçlü bir araç olduğunu kanıtlamış ve verimliliği, güvenilirliği ve ölçeklenebilirliği nedeniyle geliştiriciler arasında popülerlik kazanmıştır. Herhangi bir şeye dalmadan önce temel bir anlayışa sahip olmak ve her şeyi tek bir noktada bilmek oldukça güzel bir duygu. Node.js hakkında derinlemesine bir anlayış geliştirmek istiyorsanız doğru yere gelmelisiniz. Bu makaleyi okuduktan sonra kullanıcılar Node.js'de kod komut dosyaları yazma yolculuğuna başlayabilirler.

Bu yazı şunları kapsayacaktır:

Node.js nedir?

Google’ın arama motorunda en sık aranan sorgu Node.js nedir? En popüler sorular Node.js bir programlama dili midir? Bir çerçeve mi? Bir kütüphane mi? Basitleştirmek gerekirse Node.js, JS kitaplığı tarafından desteklenen bir çalışma zamanı ortamı olarak tanımlanabilir.







İyi bilinen, açık kaynaklı, platformlar arası Javascript çalışma zamanı ortamlarından biri Node.js'dir. Uyarlanabilirliği nedeniyle her türlü proje veya uygulamada kullanılabilir. Onu farklı kılan şey, Google Chrome'a ​​güç veren motorun aynısı olan V8 motorunun kullanılmasıdır. Bu, Node.js'yi sunucu tarafında komut dosyası oluşturmak ve kod komut dosyalarını geliştirme ortamı dışında yürütmek için en uygun seçim haline getirir.



Node.js diğer sunucu tarafı programlama dillerinden oldukça farklıdır. Bunun bir arka uç sunucusu veya web sunucusu olmadığına dikkat edilmelidir. Solo, ölçeklenebilir bir proje oluşturmaya yardımcı olan bir modül koleksiyonu dışında hiçbir şey yapamaz. Tek bir sunucuda çalışır ve her istek için ek iş parçacıkları oluşturmaz. Ayrıca, NodeJS kitaplıklarının çoğunu yazmak için engellemeyen paradigmalar kullanılır, dolayısıyla engelleme davranışı kural yerine istisnadır. Eşzamansız G/Ç temel öğeleri, standart Node.js kitaplığının, JavaScript kodunun engellenmesini önleyen bir özelliğidir.



Node.js, ağ üzerinden kaba işlemler gerçekleştirmek gibi bir G/Ç işlemi gerçekleştirdiğinde iş parçacığını engellemez ve yanıt vermeyi bekleyen CPU döngülerini boşa harcamaz; bunun yerine yanıt alındıktan sonra faaliyetlerine devam edecektir.





Node.js Basit Örnek

Node.js kavramını anlamanın basit bir örneği, bir web sunucusu oluşturmak ve bir miktar metin yazmaktır. Bu, Node.js'ye giriş olduğundan, giriş satırını bir web bağlantı noktasına ekleyelim:

yapı http = gerekmek ( 'http' ) ;

yapı Sunucu portu = 3000 ;

yapı sunucu = http. CreateServer ( ( talep, res ) => {

res. durum kodu = 200 ;

res. setHeader ( 'İçerik türü' , 'metin/sade' ) ;

res. son ( 'Yeni Başlayanlar İçin Node.js'ye Başlama Kılavuzu! \N ' ) ;

} ) ;

sunucu. Dinlemek ( Sunucu portu, ( ) => {

konsol. kayıt ( `Sunucu http'de çalışıyor : //localhost:${serverPort}/`);

} ) ;

Bu kodda:



  • “const http = require('http')”, HTTP sunucuları oluşturmaya ve onunla ilişkili işlevleri yönetmeye yardımcı olan http modülünü içe aktarır.
  • “const serverPort = 3000” sunucunun çalışacağı portu tanımlar.
  • “const sunucu = http.createServer((req, res) => {})“, biri istek, diğeri yanıt olan iki argüman alan geri çağırma işlevine sahip bir sunucu oluşturmak için http modülünün sunucu oluşturma yöntemini kullanır. Talep için oluşturulacaktır.
  • Geri çağırma işlevinin içinde HTTPS durum kodu 200'e, yanıt içerik türü ise düz metin olarak ayarlanır. Ek olarak, web sunucusu “Node.js'ye Başlarken Yeni Başlayanlar Kılavuzu” başlıklı bir mesaj görüntüler.
  • Sunucuyu başlatmak ve sunucuya gelen tüm istekleri dinlemek için “server.listen(serverPort, () =>{})” çağrılır. Geri çağırma işlevi, sunucunun başlatılmasından sonra çağrılır ve terminalde, sunucunun başlatıldığı bağlantı noktasını gösteren bir mesaj görüntüler.

Çıktı

Yürütme için aşağıdaki satırı kullanın:

düğüm Uygulaması js

Nerede App.js uygulamanın adıdır.

Terminaldeki çıktı şu şekildedir:

Bu, sunucunun başladığını ve gelen istekleri dinlediğini gösterir. Sunucudaki yanıtı kontrol etmek için aşağıdaki bağlantıyı kullanın: http://localhost:3000/ ”.

Sunucu tarafındaki çıktı şu şekilde görünecektir:

Node.js Nasıl Çalışır?

Node.js, sunucuların birçok isteği aynı anda ele almasına yardımcı olan bir platformdur. İstekleri işlemek için yalnızca bir iş parçacığı kullanmasına rağmen, iş parçacıklarını kullanarak giriş ve çıkış işlemlerini etkili bir şekilde yönetir. Konular, görevleri aynı anda gerçekleştiren bir grup talimattır. Node.js, görevleri, biri tamamlanana kadar durmadan ve diğerine başlamadan önce kontrol eden bir olay döngüsüyle çalışır.

Node.js olay döngüsü sürekli ve yarı sonsuz bir döngüdür. Bu döngü, Node.js'deki senkronize ve senkronize olmayan olayları yönetir. Node.js projesi başlatıldığı anda, yürütme tetiklenir ve bu da zor görevlerin sorunsuz bir şekilde sisteme aktarılmasını sağlar. Bu, ana iş parçacığında diğer görevlerin sorunsuz çalışmasını sağlar.

Node.js'deki Olay döngülerinin ayrıntılı konseptini anlamak ve kavramak için bir özel makale Bu konuda.

Node.js'nin Avantajları

Node.js'in bazı önemli avantajları şunlardır:

  • Ölçeklenebilirlik : Uygulamaların çift yönlü olarak büyümesini kolaylaştırır: yatay ve dikey.
  • Gerçek Zamanlı Web Uygulamaları : Hızlı senkronizasyon gerektiren ve HTTP'de çok fazla yükün önlenmesini gerektiren görevler için en iyisi.
  • Hız : Veritabanlarına veri koymak veya veritabanlarından veri almak, ağlara bağlanmak veya dosyalarla ilgilenmek gibi görevleri hızlı bir şekilde gerçekleştirin.
  • Öğrenme kolaylığı : Node.js, Javascript kullandığı için yeni başlayanlar için öğrenmesi kolaydır.
  • Önbelleğe Alma Avantajı : Yalnızca tek bir parçayı saklar, bu nedenle istendiğinde kodu tekrar çalıştırmaya gerek yoktur, önbellek hızlı bir bellektir ve ek yükleme süresinden tasarruf sağlar.
  • Veri Akışı : HTTP isteklerini ve yanıtlarını farklı olaylar olarak işleyerek performansı artırır.
  • Barındırma : PaaS ve Heroku gibi web sitelerine yerleştirilmesi kolaydır.
  • Kurumsal Destek : Netflix, SpaceX, Walmart vb. gibi büyük işletmeler tarafından kullanılır.

Node.js Windows'a nasıl kurulur?

Node.js uygulamalarını geliştirmeye başladığımız için eğer Windows ortamımız varsa Node.js ortamını kurmamız gerekiyor. Windows işletim sisteminde Node.js ortamını kurmak için aşağıdaki adım adım yönergeyi izleyin.

1. Adım: Node.js yükleyici paketini indirin

Node.js'nin resmi web sitesine gidin Node.js Resmi Web Sitesi ve Node.js'nin en son sürümünü indirdiğinizden emin olun. Ayrıca, Node.js uygulamalarının ölçeklendirilmesinde çok önemli bir rol oynadığı için npm paket yöneticisinin yüklü olup olmadığını kontrol edin.

Sadece Windows Installer'a tıklayın ve indirme işlemi başlayacaktır. İndirilen sürüm 64 bit olacaktır ve LTS(Uzun Süreli Destek) sürümü önerilir. Node.js'yi yüklemek için yükleyici paketleyicisini çalıştırın.

Adım 2: Node.js ve NPM modülünü bilgisayarınıza yükleyin

Aşağıdaki ekran görünecektir, bu nedenle İleri düğmesine tıklayın:

İleri'ye tıkladıktan sonra, kullanıcıdan Node.js msi kitaplıklarını indirmesinin amaçlandığı yolu girmesinin isteneceği yeni bir pencere açılacaktır.

Şimdi aşağıdaki pencerede istediğiniz yolu seçin ve sonraki düğmeye tıklayın:

Bu sonraki düğmeye tıkladıktan sonra, yüklemek istediğiniz paketi seçmenizin isteneceği özel kurulum penceresini göreceksiniz. Bu pencereden npm paket yöneticisini seçin, varsayılan olarak Node.js çalışma zamanı seçilidir. Npm paket yöneticisinde hem Node.js hem de npm paketi kuruludur.

Son olarak yolculuğa başlamak için Yükle düğmesine tıklayın.

3. Adım: Kurulu Sürümleri Doğrulayın

Hangi sürümün yüklü olduğunu bilmek çok önemlidir, bu nedenle kontrol etmek için Windows'un arama çubuğuna gidin ve Komut İstemi yazın:

Komut istemi penceresi açıldıktan sonra doğrulama için iki komut yazın.

Node.js sürümü

Node.js sürümü, komut isteminde aşağıdaki komut kullanılarak kontrol edilebilir:

düğüm - içinde

Yüklenen sürüm görünecektir

NPM Sürümü

Npm sürüm kontrolü için aşağıdaki komutu kullanın:

npm - içinde

Npm sürümü terminalde görünecektir.

İşte bu kadar artık Node.js ortamı kurulumuyla uygulama geliştirmeye başlayabilirsiniz.

Tüm kullanıcılar Windows kullanmamaktadır, dolayısıyla herkesin ihtiyaçlarının karşılanması arzu edilir. Node.js'yi Mac'e yükleme işlemi aşağıda verilmiştir.

Node.js Mac'e nasıl yüklenir?

Mac kullanan kullanıcılar için kurulum Windows ile tamamen aynıdır. Şuraya git: Node.js'in resmi sitesi ve Mac için paketi indirin.

1. Adım: Mac için Paket Yöneticisini indirin

Node'un resmi web sitesini ziyaret edin ve NodeJS'nin MacOSInstaller'ını indirin:

https://nodejs.org/en/download/current

İndirmeyi başlatmak için yukarıdaki ekranda belirtilen düğmeye tıklayın.

Kullanıcılar kurulacağı konumu belirleyebilir.

Adım 2: Node.js .pkg dosyasını yükleyin

Yükleyici dosyasını çalıştırın ve kurulum kılavuzunu izleyin:

“Yükle” düğmesine tıkladığınızda Node.js kurulumu başlayacaktır.

NodeJS kurulumu tamamlandıktan sonra özet görünecektir:

Kurulumu tamamlamak için “Kapat” butonuna tıklayın.

3. Adım: Node.js Kurulumunu ve Sürümlerini Doğrulayın

Node.js'nin kurulu olduğunu doğrulamak ve sürümünü kontrol etmek için aşağıdaki komutu kullanın:

düğüm -- versiyon

4. Adım: NPM'yi Küresel Olarak Yükseltin

“–global” bayrağını kullanan tüm sistem kullanıcıları için NPM'yi yükseltmek üzere aşağıda yazılan komutu yürütün:

sudo apt install npm -- küresel

Adım 5: Düğüm Yolunu $PATH Değişkenine Ayarlayın

NodeJS için PATH Değişkenini ayarlamak için aşağıdaki komutu çalıştırın:

YOLU dışa aktar =/ usr / yerel / git / çöp Kutusu :/ usr / yerel / çöp Kutusu : $PATH

Not: Yukarıdaki komutta “/usr/local/bin”, NodeJS’nin varsayılan olarak kurulduğu konumdur.

Adım 6: “.bash\_profile” dosyasındaki PATH ayrıntılarını güncelleyin

Aşağıdaki komutu kullanarak yol ayrıntılarını “~/.bash\_profile” dosyasına ekleyin:

Eko 'PATH'i dışa aktar=/usr/local/bin:$PATH' >> ~ / . darbe \_profil

Adım 7: ~/.bashrc dosyasını güncelleyin

Bunu tüm kullanıcıların kullanımına açmak için aşağıdaki komutu uygulayın:

kaynak ~ / . bashrc

NodeJS'yi kurmak ve MacOS'ta NodeJS için PATH değişkenini ayarlamakla ilgili olan budur.

Linux'ta Node.js nasıl kurulur?

Node.js'yi herhangi bir Debian tabanlı Linux İşletim sistemine kurmak için aşağıda verilen adım adım prosedürü izleyin:

Adım 1: Terminali açın

Öncelikle “CTRL+ALT+T” klavye kısayol tuşunu kullanarak terminali çalıştırın:

2. Adım: Sistemi güncelleyin ve yükseltin

Sistemin deposunu güncellemek ve yükseltmek için aşağıda yazılan komutu yürütün:

sudo apt güncellemesi && sudo uygun yükseltme - Ve

Adım 3: Apt paket yöneticisini kullanarak Node'u yükleyin

Sistemin deposunu güncelledikten sonra, şu komutu kullanarak resmi APT paket yöneticisinden Node.js'yi yükleyin:

sudo apt install nodejs

4. Adım: Düğüm Kurulumunu Doğrulayın

Kurulduktan sonra, aşağıda verilen komutu kullanarak Node.js sürümünü kontrol ederek kurulumu doğrulayın:

düğüm - içinde

Adım 5: NPM'yi yükleyin

Çoğu zaman gerekli olduğu için NPM'yi NodeJS ile birlikte kurmak iyi bir uygulamadır. NPM ayrıca resmi APT deposunda da mevcuttur ve verilen komut kullanılarak kurulabilir:

sudo apt install npm

Adım 6: NPM kurulumunu doğrulayın

Aşağıdaki komutu kullanarak NPM kurulumunu doğrulamak için NPM Sürümünü de kontrol edin:

npm - içinde

Debian tabanlı Linux İşletim sistemlerine Node ve NPM kurulumunu bu şekilde yapabilirsiniz.

İlk Node.js Programı Nasıl Yazılır? (Selam Dünya)

Node.js'de uygulamalar geliştirme yolculuğumuza başlamak için her şey hazır. Oldukça yaygın olan ilk programımızı oluşturalım. Birisi yeni bir dil veya çerçeve öğrenmeye başladığında genellikle ilk program 'Merhaba Dünya' yazdırır. Herkese farklı bir şekilde merhaba demek ve onlara yeni yolculuğumuzun başlangıcını anlatmak oldukça güzel bir duygu. Başlamak için kod aşağıdadır:

// Uygulama.js

konsol. kayıt ( 'Selam Dünya!' ) ;

Bu kod betiğini çalıştırmak için aşağıdaki komutu kullanın:

düğüm Uygulaması js

Çıktı

Merhaba Dünya ifadesi terminale kaydedilecektir:

Düğüm Çekirdeği Modülleri Nasıl İçe Aktarılır?

Kullanıcıların, kod komut dosyalarında üzerinde çalışmak üzere istedikleri modülü kullanabilmeleri için “require()” işlevini kullanmaları gerekir. Örneğin “fs” (Dosya Sistemi) modülü kullanılacaksa içe aktarma kod satırı şöyle olacaktır:

yapı fs = gerekmek ( 'f' )

Bu, söz konusu modülün tüm işlevlerini içe aktarır ve onu, içeriğinin çalışma zamanında değiştirilemeyeceği anlamına gelen sabit bir değişken olan fs değişkeninde saklar. Daha sonra kullanıcı “fs” değişkenini kullanarak istenen işlevleri uygulayabilir.

Şimdi bir modülün içe aktarıldığı ve işlevselliğinin kod betiğinde kullanıldığı basit bir kod örneği oluşturalım.

Örnek: HTTP modülünü kullanma

yapı http = gerekmek ( 'http' ) ;

// Basit HTTP sunucusu

yapı httpSunucu = http. CreateServer ( ( talep, res ) => {

res. yazmaKafası ( 200 , { 'İçerik türü' : 'metin/html' } ) ;

res. yazmak ( '' ) ;

res. yazmak ( '' ) ;

res. yazmak ( '' ) ;

res. yazmak ( '' ) ;

res. yazmak ( '' ) ;

res. yazmak ( 'Merhaba Dünya!' ) ;

res. yazmak ( '' ) ;

res. yazmak ( '' ) ;

res. yazmak ( '

Merhaba Dünya!

'
) ;

res. yazmak ( '' ) ;

res. yazmak ( '' ) ;

res. son ( ) ;

} ) ;

// 3000 numaralı portta dinleme

httpSunucu. Dinlemek ( 3000 , ( ) => {

konsol. kayıt ( 'Sunucu 3000 numaralı bağlantı noktasını dinliyor' ) ;

} ) ;

Bu kodda:



  • “const http = require('http')”, http modülünün içeriğini içe aktarır ve onu sabit bir “http” değişkeninde saklar.
  • 'const httpServer = http.createServer((req, res) =>' basit bir HTTP sunucusu oluşturur ve bazı temel HTML ile birlikte Merhaba Dünya metnini ekler. createServer yöntemi iki argümanlı bir sunucu oluşturur; biri sunucudaki istek ve diğeri ikincisi ise bu istek için oluşturulan yanıttır.
  • “httpServer.listen(3000, () =>”, yerel ana bilgisayardaki 3000 numaralı bağlantı noktasını belirtir ve terminale, sunucunun aktif olduğunu ve 3000 numaralı bağlantı noktasını dinlediğini belirten bir mesajı günlüğe kaydeder.

Node Uygulamasını çalıştırmak için JS dosyasını aşağıda gösterildiği gibi node komutuyla yürütün:

düğüm Uygulaması js

Burada App.js dosya adıdır.







Çıktı



Bu kodu çalıştırdığınızda terminaldeki mesaj şöyle olacaktır:







Şimdi sunucu tarafındaki çıktıyı doğrulamamız ve orada “Merhaba Dünya” mesajının yazdırılıp yazdırılmadığını kontrol etmemiz gerekiyor:



Mesaj sunucuda başarıyla yazdırıldı ve yazı tipi bazı temel HTML kullanılarak ayarlandı.

Node.js: Çekirdek Modüller

Node.js'nin bazı modülleri şunlardır:

  • http: Node.js'de bir HTTP sunucusu oluşturmaya izin verir
  • iddia: iddia işlevlerinin bir koleksiyonu öncelikle test etmeye yardımcı olur
  • f: dosya işlemlerinin yapılmasına izin verir
  • yol: dosya yollarıyla ilgilenen bir dizi yöntem
  • işlem: mevcut Node.js süreci hakkında bilgi ve kontroller sağlar
  • Sen: işletim sistemi hakkında bilgi sağlar
  • sorgu dizesi: URL sorgu dizelerini ayrıştırmak ve biçimlendirmek için kullanılan bir araç
  • URL'si: bu modül URL çözümlemesi ve ayrıştırması için araçlar sağlar

NPM Paketleri Nasıl Kurulur?

NPM (Node Paket Yöneticisi), Node.js projesindeki üçüncü taraf kitaplıkların veya araçların yönetilmesine ve kullanılmasına yardımcı olur. NPM paketlerini kurmak için aşağıdaki adımları izleyin.

Adım 1: İstediğiniz Paketi Kurun

Node.js’de web uygulamaları geliştirmek için oldukça yaygın olan express modülünü kuralım. Ekspres yüklemek için şu komutu kullanın:

npm hızlı kurulum

Bu komut satırı ekspres modülü proje klasörünüze yükleyecektir.

Adım 2: Modülü Package.json'a kaydedin

NPM, package.json dosyasını yeni bağımlılıkla otomatik olarak günceller. Bunu açıkça proje bağımlılığının bir gelişimi olarak kaydetmek istiyorsanız –save-dev veya –save bayraklarını kullanın.

npm hızlı kurulum -- kaydetmek - dev # Geliştirme bağımlılığı olarak kaydet

npm hızlı kurulum -- save # Üretim bağımlılığı olarak kaydet

NPM paketleri neden önemlidir?

NPM paketleri Node.js geliştirme ortamında çok önemlidir. Olası nedenleri aşağıda bulabilirsiniz:

  • Kodun Yeniden Kullanılabilirliği: NPM paketleri tekrar kullanılabilen kodun kaydını tutar. Optimize edilmiş hazır yöntemler sunarak geliştiricilerin zamanından tasarruf sağlarlar.
  • Bağımlılık Yönetimi: NPM, proje gereksinimlerini karşılamayı kolaylaştırır. Proje gereksinimlerinin listesi, proje gereksinimlerinin kullanımını ve paylaşılmasını kolaylaştıran package.json dosyasındadır.
  • Topluluk Katkısı: NPM, birçok ücretsiz yazılım paketinde çalışmalarını başkalarının kullanması için paylaşan büyük bir geliştirici grubunun oluşturulmasına yardımcı olur. Bu kolektif katkı, uygulama geliştirme sürecini hızlandırır.
  • Sürüm Kontrolü: NPM, projenizin paket sürümünü yazmanıza olanak tanır. Bu, sorunsuz çalışmayı ve gerekli değişikliklerin yapılmasını sağlar.
  • Verimlilik ve Tutarlılık: Verimli paketlerin kullanılması proje verimliliğini artırır ve geliştirme ekibi genelinde kod tutarlılığının korunmasına olanak tanır.

Bu kadar. Yalnızca istenen paketleri nasıl kuracağınızı öğrenmekle kalmadınız, aynı zamanda Node.js geliştirme ortamınızda bu paketlerin neden gerekli olduğunu da anladınız.

Express JS'ye nasıl başlanır?

Verimli web uygulamaları yapmak için Express.js çerçevesi kullanılır. 'Express' modülü, Node.js'de web uygulamaları oluşturmak için mükemmeldir. Bu pakete nasıl başlayacağınıza ilişkin prosedür aşağıda verilmiştir.

1. Adım: Express'i Yükleme

Express'i yüklemek için terminalde aşağıdaki komutu kullanın:

npm hızlı kurulum

Ekspres modül zaten kuruluysa kurulacak, ardından bu komut modülü güncelleyecektir.

Adım 2: Express modülünü bir Uygulamada test etme

Yukarıdaki adım, paket klasörüne ekspres kuracaktır ve kullanıcı, 'require' modülünü kullanarak modülü kod komut dosyasına aktararak kullanabilir.

yapı ifade etmek = gerekmek ( 'ifade etmek' )

Express modülünün işlevselliğini kullanan basit bir kod betiğini test edelim:

yapı ifade etmek = gerekmek ( 'ifade etmek' ) ;

yapı uygulama = ifade etmek ( ) ;

uygulama. elde etmek ( '/' , ( talep, res ) => {

res. Göndermek ( 'Merhaba Ekspres!' ) ;

} ) ;

yapı liman = 3000 ;

uygulama. Dinlemek ( liman, ( ) => {

konsol. kayıt ( `Sunucu $ bağlantı noktasını dinliyor { liman } ' ) ;

} ) ;

Yukarıdaki kodda:

  • const express = require('express') ”, express modülünü içe aktarır ve onu bu kütüphaneyle ilişkili işlevleri kullanabileceğimiz “express” sabit değişkeninde saklar.
  • const uygulaması = express() ” Ekspres bir uygulamayı tanımlamak için kullanılır.
  • “app.get('/', (req, res) =>” ekspres uygulamanın yanıt gönderme yolunu tanımlar “Merhaba Ekspres” ekspres başvuruya.
  • Liman 3000 yerel ana bilgisayardaki “port” adlı sabit değişkende belirtilir.
  • “app.listen(bağlantı noktası, () =>” 3000 numaralı bağlantı noktasında bir dinleyici oluşturur ve terminalde, sunucunun belirtilen bağlantı noktasını dinlediğini belirten bir mesajı günlüğe kaydeder.

Çıktı

Bu uygulamayı çalıştırmak için aşağıdaki komutu kullanın:

düğüm Uygulaması js

Terminaldeki çıktı şu şekilde görünecektir:

Yani sunucu aktif ve yerel ana bilgisayarın 3000 numaralı bağlantı noktasını dinliyor. Tarayıcıda bu bağlantıya erişildiğinde çıktı şu şekilde gösterilir:

Bu, onu nasıl kurabileceğimizi, bir uygulama oluşturabileceğimizi ve bir sunucu bağlantı noktasını nasıl başlatabileceğimizi gösteren ekspres modülle ilgilidir.

Express'te Statik Dosyalar Nasıl Oluşturulur?

Express'te express.static() işlevi HTML, CSS, görseller vb. gibi statik dosyaların oluşturulması için kullanılır. Aşağıda Express'te statik dosyaların oluşturulması süreci yer almaktadır.

1. Adım: Proje Oluşturun

Başlamadan önce express'in kurulu olduğundan emin olun, değilse aşağıdaki komutu çalıştırabilirsiniz:

npm hızlı kurulum -- kaydetmek

Bu komut, express modülünü yerel olarak node_modules klasörüne yükleyecek ve package.json dosyasında güncelleyecektir.

2. Adım: Statik dosyalar için Dosya Oluşturun

İkinci olarak çalışma dizininde bir klasör oluşturun. İşlenecek statik dosyaları depolamak için public adında bir klasör oluşturun. Tüm HTML ve CSS statik dosyalarını oluşturmak için bu dizine yerleştirin.

3. Adım: Statik Dosyaları işlemek için Express'i ayarlama

Kullanıcının oluşturmak istediği statik dosyalara ilişkin dizini belirtmek için express.static() yöntemini kullanın.

Dosya oluşturma, ortak klasöre yerleştirilen HTML kodunu alan arka uç için iki kod komut dosyası kullanır. Ana vurgumuz arka uçta olduğundan HTML kodu basit tutulmuştur.

Node.js Komut Dosyası

yapı ifade etmek = gerekmek ( 'ifade etmek' ) ;

yapı uygulama = ifade etmek ( ) ;

uygulama. kullanmak ( ifade etmek. statik ( 'halk' ) ) ;

yapı liman = 3000 ;

uygulama. Dinlemek ( liman, ( ) => {

konsol. kayıt ( `Sunucu $ bağlantı noktasını dinliyor { liman } ' ) ;

} ) ;

Bu kodda:

  • “const express = require('express')” işlevselliğini kullanmak için ekspres modülü komut dosyasına içe aktarır.
  • “const uygulaması = express()” uygulamayı başlatır
  • “app.use(express.static('public'))” dosyaların getirileceği ve bunları kullanmaları ve işlemeleri için hızlı uygulamanın sağlanacağı dizini belirtir.
  • Liman 3000 Ekspres başvuru için belirtilmiştir.
  • “:app.listen(bağlantı noktası, () =>” mesajı günlüğe kaydederek sunucunun aktif olduğunu ve belirtilen bağlantı noktasını dinlediğini belirtir.

HTML komut dosyası

DOCTYPE HTML'si >

< yalnızca HTML = 'içinde' >

< KAFA >

< meta karakter kümesi = 'UTF-8' >

< Meta adı = 'görüntü alanı' içerik = 'genişlik=aygıt genişliği, başlangıç ​​ölçeği=1,0' >

< başlık > Statik Oluşturma Örneği başlık >

KAFA >

< vücut >

< h1 > İşleme için Express'i Kullanma Statik Dosyalar h1 >

vücut >

HTML >

Bu kodda ön uçta değil arka uçta odak noktası olduğundan sadece bir başlık yapılmıştır ancak ihtiyaca göre ek işlevler eklenebilir.

Çıktı

Şimdi Node.js betiğini aşağıdaki kodla çalıştırın:

düğüm Uygulaması js

Sunucunun hazır olduğunu ve 3000 numaralı bağlantı noktasını dinlediğini belirten aşağıdaki mesaj terminale kaydedilecektir.

Express modülü tarafından oluşturulan HTML kod komut dosyasını görmek için tarayıcıda yerel ana bilgisayar bağlantı noktası 3000'i açın.

Express'te statik dosyalar oluşturmak için hepsi bu. Şimdi dinamik dosyaların nasıl oluşturulacağına bir göz atalım.

Express'te Dinamik Dosyalar Nasıl Oluşturulur?

Kullanıcılar, verilere dayalı olarak dinamik olarak HTML oluşturmak için bir şablon motoru kullanarak dinamik dosyaları Express'te işleyebilir. Aşağıda kullanılan şablon, dinamik dosyaları oluşturmak için oldukça popüler olan EJS'dir (Gömülü Javascript).

1. Adım: EJS'yi yükleyin

EJS'yi proje klasörünüze yüklemek için aşağıdaki komutu kullanın

npm ejs'yi yükle -- kaydetmek

2. Adım: EJS ile Express'i kurun

EJS şablonunu Node.js dosyanızda görüntüleme motoru olarak ayarlayın.

//App.js

yapı ifade etmek = gerekmek ( 'ifade etmek' ) ;

yapı uygulama = ifade etmek ( ) ;

yapı LİMAN = 3000 ;

uygulama. ayarlamak ( 'motoru görüntüle' , 'HAYIR' ) ;

uygulama. kullanmak ( ifade etmek. statik ( 'halk' ) ) ;

uygulama. elde etmek ( '/Kullanıcı kimliği' , ( talep, res ) => {

yapı Kullanıcı kimliği = talep parametreler . İD ;

yapı Kullanıcı bilgisi = {

İD : Kullanıcı kimliği,

Kullanıcı adı : `kullanıcı$ { Kullanıcı kimliği } `,

e-posta : `kullanıcı$ { Kullanıcı kimliği } @örnek. ile `,

} ;

res. oluşturmak ( 'kullanıcı' , { kullanıcı : Kullanıcı bilgisi } ) ;

} ) ;

uygulama. Dinlemek ( LİMAN, ( ) => {

konsol. kayıt ( `Sunucu http üzerinde çalışıyor : //localhost:${PORT}`);

} ) ;

Yukarıdaki kodun gerçekleştirdiği işlemler şunlardır:

  • “const express = require('express')”, ekspres modülünü düğüm modüllerinden içe aktarır.
  • “const app = express()”, ekspres uygulama için bir örnek oluşturur.
  • 'app.set('view motor', 'ejs')', dosyaları dinamik olarak oluşturmak için ekspresi ejs şablonuyla yapılandırır.
  • “app.use(express.static('public'))”, Node projesinin ortak klasöründe depolanan statik dosyaların sunulmasını sağlar.
  • 'app.get('/user/:id', (req, res) => {…})', istekleri dinleyen ar tırnaklarını tanımlar.
  • “res.render('user', { user: userData })”, EJS şablon dosyalarını işler.
  • “app.listen(PORT, () => {…})” sunucuyu 3000 numaralı bağlantı noktasında başlatır ve kullanıcı “ http://localhost:3000/user/123 ” tarayıcıda.

Adım 3: EJS Şablonu

Proje dizininde “views” adında bir dizin oluşturulur ve bu klasörün içinde bir EJS şablon dosyası “user.ejs” oluşturulur. Bu dosya, kullanıcının oluşturmak istediği dinamik içeriği tutacaktır. Bu dosyaya aşağıdaki kodu yapıştırın

DOCTYPE HTML'si >

< yalnızca HTML = 'içinde' >

< KAFA >

< meta karakter kümesi = 'UTF-8' >

< Meta adı = 'görüntü alanı' içerik = 'genişlik=aygıt genişliği, başlangıç ​​ölçeği=1,0' >

< başlık > Kullanıcı profili başlık >

KAFA >

< vücut >

< h1 > Kullanıcı profili h1 >

< P > Kullanıcı kimliği : <%= kullanıcı. İD %> P >

< P > Kullanıcı adı : <%= kullanıcı. Kullanıcı adı %> P >

< P > E-posta : <%= kullanıcı. e-posta %> P >

vücut >

HTML >

Ana amaç dosya içeriğini dinamik olarak oluşturmak olduğundan, yalnızca gerekli ön kod kullanılmıştır.

Adım 4: Sunucuyu Başlatın

Kullanıcı artık aşağıdaki kod parçasını kullanarak ekspres uygulamayı başlatabilir:

düğüm Uygulaması js

Burada App.js, dizindeki dosyanın adıdır. Bu kodu çalıştırdıktan sonra terminal aşağıdaki mesajı gösterecektir.

Artık kullanıcı bağlantıyı kullanabilir http://localhost:3000/user/123 tarayıcıda içerik dinamik olarak oluşturulacaktır.

Node.js'deki express modülünü kullanarak dosya içeriğini dinamik olarak işlemek için hepsi bu.

Çözüm

Makale, Node.js'yi baştan sona açıklayarak, çok sayıda etkinlik için kesintisiz ve etkinlik tabanlı JavaScript zamanı ile nasıl çalıştığını gösteriyor. Tanınmış bir web oluşturma aracı olan Express'e bakar ve ayrıca NPM'den ve bir web sitesinde statik veya dinamik bilgilerin nasıl gösterileceğinden bahseder. Makale her şeyi ayrıntılı olarak ele alsa da, Node.js hakkında bilgi edinmek için yeni başlayanlar için iyi bir rehberdir.