Node.js ile ilk adımlar

Node.js web geliştirmeyi basitleştiren bir alternatiftir, geçmişte sunucu işlemenin bir kısmını sunmak için birkaç dilin öğrenilmesi gerekiyordu, Başlangıç ​​aşaması ve ardından sunucuları kurmak için sayısız saat harcayın.
Olduğu gibi tek bir dille JavaScript ve motor sayesinde V8 tarafından geliştirilmiş Google, aynı dili uygulama erişimimiz var sunucu, arka uç Y Başlangıç ​​aşaması, bu, çeşitli sözdizim biçimlerini öğrenmek için daha az zaman harcamamıza ve böylece bizim için gerçekten önemli olan şeye, yani fikirlerimizi gerçekleştirmeye odaklanmamıza yol açar.
GereksinimlerBu eğitimde önerilen alıştırmaları ve örnekleri gerçekleştirmek için, en son sürüme sahip bir kuruluma sahip olmalıyız. Node.js. Bunu elde etmek çok kolay, bu durumda yükleyiciyi kullanacağız. pencereler Doğrudan resmi Node.js web sitesinden aldığımız, herhangi bir yükleyici gibi çalışır ve ardından konsola doğrudan erişim sağlar. Node.js gerekli komut dosyalarını çalıştırabileceğimiz yer.
Node.js Büyük konfigürasyonlara ihtiyaç duymadan yüksek verimli web sunucuları oluşturmamızı sağlar, ayrıca aynı dilin uygulanması, uygulama ile hizmet arasında kod ayrımını önlememizi sağlar. İlk sunucumuzu oluşturmak için aşağıdaki adımları izlemeliyiz:
1-Önce konsolu açıyoruz. Node.js ve kendimizi çalıştırabileceğimiz bir klasöre yerleştiriyoruz, o klasörde adında bir dosya oluşturacağız. server.jsBu ad gerekli değildir ancak web sunucusunun bu şekilde oluşturacağı dosyayı çağırmak iyi bir uygulamadır.
2- Dosyayı aldıktan sonra, üzerinden kuracağız npm uygulama süpervizör, bu belirtilen dosyada her değişiklik meydana geldiğinde doğrulayacaktır, sunucuyu hemen yeniden başlatmanız gerekir, bunun için konsola aşağıdaki komutu yerleştirmeniz yeterlidir:

 npm kurulum -g süpervizörü

Konsolumuzda çalıştırdığımızda bu kurulum şöyle görünmelidir:

3- Bir kez yükledikten sonra süpervizör dosyamızdaki değişiklikler için konuşmak için bunu dinleyelim server.js, bunun için kurulumdan sonra aşağıdaki komutu yerleştirmeliyiz:

 süpervizör server.js

Hala geçerli bir kodumuz olmadığı için konsolda herhangi bir sonuç alamayacağız ve aşağıdaki resimde göreceğimiz gibi bunu ifade eden bir dizi mesaj göreceğiz:

4- Artık üslerimiz olduğuna göre, web sunucumuz için kod oluşturmalıyız, bu kütüphanede desteklenecektir. http nın-nin Node.js ve bununla, yöntemi kullanarak işlevsel bir sunucu oluşturabiliriz. sunucu oluştur (), bu sadece küçük bir içerik döndürmeli, yapacağımız alışkanlığı kaybetmemek için "Selam Dünya!", dosyamıza ekleyeceğimiz kodu görelim server.js:

 var http = gerektirir ('http'); http.createServer (işlev (istek, yanıt) {response.writeHead (200, {'Content-Type': 'text / html'}); response.end ('');}) dinle (8082);

Basitçe gördüğümüz gibi bir gerekmek ithal ediyoruz http kitaplığı, daha sonra yöntemle sunucu oluştur bir web sunucusu oluşturuyoruz ve nesne ile cevap Yanıtın başlığını ve mesajımızı oluşturuyoruz, bitirmek için sunucumuza port üzerinden gelen bağlantıları kabul etmesi gerektiğini belirtiyoruz. 8082, burada örneğimizi çalıştırırken yerel ana bilgisayar belirtilen bağlantı noktasında şöyle görünecektir:

5- server.js dosyasında değişiklik yaparsak, süpervizör hizmet onları manuel olarak yeniden başlatmaya gerek kalmadan alacaktır Node.js, bu yüzden sadece tarayıcıyı yenileyerek değişikliklerimizin çok az çabayla yansıtılmasını sağlayabiliriz.
Başta da belirttiğimiz gibi, Node.js Statik içeriği doğrudan sunucu uygulamamızdan sunmamızı sağlar, bu, monolitik çekirdekli, yani farklı teknolojilerin kullanılması nedeniyle parçalanma veya çatlak olmadan uygulamalar geliştirmek istediğimizde bir avantaj olarak gösterilir.
Bu öğreticiyi yürütmek için içerik adlı bir klasörde bir dizi dosya oluşturacağız, oluşturulacak dosyalar aşağıdaki gibi olacaktır:
index.htmlİlk dosya olacak ve varsayılan olarak bir temel yapı içerecektir. HTML.
stil.cssStil sayfalarına sahip dosyamızdır, uygulamamızın görünümünü değiştirmek için bu dosyayla gidiyoruz.
script.jsBurada her zamanki betiklerimizi nasıl kullanabileceğimizi görebiliriz. JavaScript uygulamamızı çalıştırmamıza rağmen Node.js.
Artık dosyalarımızı tanımladığımıza göre, dosya için her birinin içeriğini görelim. index.html aşağıdakileri dahil edeceğiz:

 İlk Node.js Sunucumuz Merhaba Dünya 

Gördüğümüz gibi, harici dosyalar dediğimiz basit bir yapıya sahip basit bir sayfadır. stiller.css Y script.js, ve gövdeye basit bir mesaj koyarız. Daha sonra dosyamızda stiller.css sayfamızın görünümünü değiştirmemize yardımcı olacak, aşağıdaki kod satırlarını yerleştirmeliyiz:

 #merhaba {yazı tipi boyutu: 5em; arka plan: gri; renk: yeşil; dolgu: 0,5em}

Sonunda dosyada script.js Sayfa tamamen yüklendiğinde mesaj verecek bir kod yerleştireceğiz, bu kod aşağıdaki gibidir:

 window.onload = function () {alert ('Eureka Çalışıyor!'); };

Her şeyin tek bir yerde olması ve geliştirmemizde düzeni sağlamak için, bu dosyaları adlı bir klasörde barındıracağız. içindekiler.
Neyi özlüyoruz?Bu yapıldıktan sonra sadece sunucuyu kurmamız gerekiyor, yapmamız gereken ilk şey uygun kütüphaneleri dahil etmek, bu durumda zaten bildiğimiz birine ihtiyacımız olacak, ki bu http, ayrıca ihtiyacımız olacak yol hangi rotalar inşa etmek ve nihayet fs hangi dosya hizmeti içindir.
Arşivimize gidiyoruz server.js projemizin kökünde olması gereken ve şimdi bizim bloğumuzun içinde olması gereken sunucu oluştur () olduğunu belirteceğiz URL taban olarak ve bir nesne ile akım fs Dosyaların var olup olmadığını doğrulayacağız, yoksa bir dosya atacağız. Hata 404 dosya bulunamadı. Yukarıda açıklanan işlevselliğin kodunu görelim:

 var http = gerektirir ('http'); var yol = gerektirir ('yol'); var fs = gerektirir ('fs'); http.createServer (işlev (istek, yanıt) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; fs.exists (f, işlev (var) {console.log (var mı? search_file + "varsa": search_file + "yok");});}).dinle (8082);

Sahip olduğumuz sorun, bunun hala dosyalara hizmet etmemize yardımcı olmamasıdır, bu yüzden bir yöntem kullanmalıyız. fs bu, dosyaları okumamızı sağlar ve bununla aşağıdaki kodda gördüğümüz gibi tarayıcıya gönderebiliriz:

 var http = gerektirir ('http'); var yol = gerektirir ('yol'); var fs = gerektirir ('fs'); http.createServer (işlev (istek, yanıt) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; var mimeTypes = {'.js ':' metin / javascript ',' .html ':' metin / html ',' .css': 'metin / css'}; fs.exists (f, fonksiyon (varsa) {if (varsa) {fs.readFile (f, function (err, data) {if (err) {response.writeHead (500); response.end ('Sunucu hatası'); dönüş;} var headers = {'Content-type': mimeTypes [path .extname (search_file)]}; response.writeHead (200, başlıklar); response.end (data);}); return;} response.writeHead (404); response.end ();});}).dinle (8082) );

Şimdi yöntemle gördüğümüz gibi okumaDosyası () önce sunucu hatası olup olmadığını doğrulayabiliriz. geri çağırmak ve ikincisi, türler listesinden sunmak istediğimiz dosyanın türünü alabiliriz, bununla başlığı oluşturabiliriz. HTTP tarayıcının verileri kendi yöntemiyle yorumlaması gerekmemesi için gereklidir.
Eylemlerin hiçbiri bir sonuç döndürmezse, tarayıcıya bir yanıt göndermeliyiz. 404, bu şekilde isteği kıracağız ve kullanıcıya aradıklarının belirtilen yolda olmadığını belirteceğiz. Önceki örnekte yaptığımız gibi anlatacağız Node.js istekleri alması gereken liman, 8082, genellikle ücretsiz olan ve bu nedenle diğer hizmetlerle çakışması olmayan bir bağlantı noktasıdır. Son olarak dosyanın yanıtını yazıp işlemlerimizi gerçekleştiriyoruz. süpervizör Aşağıdaki resimde de görebileceğimiz gibi hizmeti durdurmamız durumunda tekrar:

Bu yapıldıktan sonra tarayıcımıza gidiyoruz ve 8082 portunda çalıştırıyoruz ve programımızın aşağıdaki görüntü gibi görünmesi gereken çıktısını görebiliyoruz:

BÜYÜT

Bu bize tüm gücünü ve çok yönlülüğünü gösterir. Node.jsdışında bir dil kullanmaya gerek olmadığını doğrulayabildik. JavaScript geliştirme için.
Önemlihakkında biraz araştırma yapmak önemli npm o ne düğüm paketi yöneticisi, bu araçla bize hizmet edebilecek birçok paket elde edebileceğimizden, aralarında bazıları çerçeveler Bu, geliştiricinin işini kurtarmak için topluluk tarafından geliştirilen diğer bileşenlere ek olarak burada gördüğümüz tüm kodu basitleştirmemize izin verecek. Node.js.
Bununla öğreticiyi bitirdik, bir sunucu oluşturduk ve ayrıca statik dosyaların nasıl sunulacağını da öğrendik. gibi geleneksel bir teknoloji kullanmış olsaydık PHP Bu sonucu elde etmek için önce aşağıdaki gibi geleneksel bir sunucuya ihtiyacımız var: Apaçi veya nginx, onları da yapılandırmamız gerektiğinde, kodun yazdırılması için farklı bir dile ihtiyaç duyulacaktı. JavaScript sadece müşterinin tarafında ve dolayısıyla büyük yeteneklerini boşa harcıyor.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.