První kroky s Node.js

Node.js je alternativou, která zjednodušuje vývoj webu, v minulosti bylo nutné naučit se prezentovat část zpracování serveru, několik jazyků Front-end a poté strávit nespočet hodin nastavením serverů.
Pouze s jedním jazykem JavaScript a díky motoru V8 vyvinut Google, máme přístup k použití stejného jazyka server, Back-end Y Front-endTo nás vede k tomu, abychom trávili méně času učením se různých forem syntaxe a soustředili se tak na to, co je pro nás skutečně důležité, tj. uskutečňování našich myšlenek.
PožadavkyAbychom mohli provádět cvičení a příklady navržené v tomto tutoriálu, musíme mít instalaci s nejnovější verzí Node.js. To je velmi snadné získat, v tomto případě použijeme instalační program Okna které získáme přímo z oficiálního webu Node.js, běží jako každý instalační program a poté generuje přímý přístup ke konzole Node.js kde můžeme spouštět potřebné skripty.
Node.js Umožňuje nám generovat vysoce účinné webové servery bez nutnosti velkých konfigurací, navíc aplikace ve stejném jazyce nám umožňuje vyhnout se oddělení kódu mezi aplikací a službou. K vytvoření našeho prvního serveru musíme provést následující kroky:
1- Nejprve otevřeme konzolu Node.js a umístíme se do složky, kde ji můžeme spustit, v této složce vytvoříme soubor s názvem server.jsTento název není nutný, ale je vhodné zavolat soubor, který webový server vytvoří tímto způsobem.
2- Jakmile máme soubor, nainstalujeme pomocí npm Aplikace dozorce, to ověří při každé změně v uvedeném souboru, musíte okamžitě restartovat server, k tomu stačí do konzoly umístit následující příkaz:

 npm install -g supervizor

Tato instalace by měla vypadat takto, když ji spustíme na naší konzole:

3- Jakmile jsme již nainstalovali dozorce pojďme to poslouchat, abych tak řekl, změny našeho souboru server.jsK tomu musíme po instalaci zadat následující příkaz:

 supervizor server.js

Jelikož stále nemáme žádný platný kód, nebudeme mít v konzole žádné výsledky a uvidíme sérii zpráv označujících toto, jak můžeme vidět na následujícím obrázku:

4- Nyní, když máme své základny, musíme poté vytvořit kód pro náš webový server, což bude v knihovně podporováno http z Node.js a díky tomu můžeme pomocí metody vytvořit funkční server createServer (), to prostě musí vrátit malý obsah, aby neztratil návyk, který se chystáme vytvořit "Ahoj světe!", podívejme se na kód, který zahrneme do našeho souboru server.js:

 var http = require ('http'); http.createServer (funkce (požadavek, odpověď) {response.writeHead (200, {'Content-Type': 'text / html'}); response.end ('');}). poslouchat (8082);

Jak vidíme jednoduše s a vyžadovat dovážíme http knihovna, pak s metodou createServer generujeme webový server as objektem Odezva Vytvoříme záhlaví odpovědi a naší zprávy, na závěr serveru naznačíme, že musí přijímat příchozí připojení přes port 8082, kde při spuštění našeho příkladu v našem localhost v uvedeném portu to bude vypadat takto:

5- Pokud provedeme změny v souboru server.js, díky dozorce služba je vezme bez nutnosti restartovat ručně Node.js, takže pouze s obnovením prohlížeče se naše změny projeví s malým úsilím.
Jak jsme zmínili na začátku, Node.js Umožňuje nám obsluhovat statický obsah přímo z naší serverové aplikace, což se ukazuje jako výhoda, když chceme vyvíjet aplikace s monolitickým jádrem, to znamená bez fragmentace nebo trhlin v důsledku používání různých technologií.
Abychom mohli provést tento tutoriál, vytvoříme sérii souborů ve složce nazvané obsah, soubory k vytvoření budou následující:
index.htmlBude to počáteční soubor a ve výchozím nastavení bude obsahovat základní strukturu HTML.
styl.cssJe to náš soubor se styly, chystáme se s tímto souborem upravit vzhled naší aplikace.
script.jsZde vidíme, jak můžeme použít naše obvyklé skripty v JavaScript navzdory spuštění naší aplikace v Node.js.
Nyní, když jsme definovali naše soubory, podívejme se na obsah každého z nich pro daný soubor index.html zahrneme následující:

 Náš první server Node.js Hello World 

Jak vidíme, je to jednoduchá stránka se základní strukturou, kde nazýváme externí soubory styles.css Y script.js, a do těla vložíme jednoduchou zprávu. Pak v našem souboru styles.css které nám pomohou upravit vzhled naší stránky, musíme umístit následující řádky kódu:

 #hello {velikost písma: 5em; pozadí: šedá; barva: zelená; odsazení: 0,5 em}

Konečně v souboru script.js Umístíme kód, který po úplném načtení stránky vyvolá zprávu, tento kód je následující:

 window.onload = function () {alert ('Eureka Works!'); };

Abychom měli při vývoji vše na jednom místě a udržovali pořádek, chystáme se tyto soubory hostovat ve složce s názvem obsah.
Co nám chybíJakmile to bude hotové, musíme pouze postavit server, první věc, kterou musíme udělat, je zahrnout příslušné knihovny, v tomto případě budeme potřebovat tu, kterou již známe, což je http, navíc budeme potřebovat cesta což je stavět trasy a nakonec fs což je pro souborovou službu.
Jdeme do našeho archivu server.js který musí být kořenem našeho projektu a nyní v našem bloku createServer () naznačíme, že Url proud jako základna a s objektem fs Ověříme, zda soubory existují, v případě, že neexistují, hodíme a Chyba 404 soubor nenalezen. Podívejme se na kód výše popsané funkce:

 var http = require ('http'); var cesta = require ('cesta'); var fs = require ('fs'); http.createServer (funkce (požadavek, odpověď) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; fs.exists (f, function (existuje) {console.log (existuje? search_file + "if existuje": search_file + "neexistuje");});}). poslouchat (8082);

Problém, který máme, je, že nám to stále nepomůže obsluhovat soubory, proto musíme použít metodu fs to nám umožňuje číst soubory a díky tomu je můžeme odeslat do prohlížeče, jak vidíme v následujícím kódu:

 var http = require ('http'); var cesta = require ('cesta'); var fs = require ('fs'); http.createServer (funkce (požadavek, odpověď) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; var mimeTypes = {'.js ':' text / javascript ',' .html ':' text / html ',' .css ':' text / css '}; fs.exists (f, funkce (existuje) {if (existuje) {fs.readFile (f, function (err, data) {if (err) {response.writeHead (500); response.end ('Server error'); return;} var headers = {'Content-type': mimeTypes [path .extname (soubor_souboru)]}; response.writeHead (200, záhlaví); response.end (data);}); return;} response.writeHead (404); response.end ();});}). poslouchat (8082 );

Jak nyní vidíme u metody readFile () můžeme nejprve ověřit, zda ve vašem souboru není chyba serveru zpětné volání a za druhé můžeme ze seznamu typů získat typ souboru, který chceme obsluhovat, čímž můžeme vygenerovat záhlaví HTTP nezbytné, aby prohlížeč nemusel interpretovat data svým vlastním způsobem.
Pokud žádná z akcí nevrátí výsledek, musíme odeslat prohlížeči odpověď 404, tímto způsobem zlomíme požadavek a uživateli naznačíme, že to, co hledá, není na zadané cestě. Stejně jako v předchozím příkladu řekneme Node.js že port, kde by měl přijímat požadavky, musí být 8082, což je port, který je obvykle zdarma, a proto není v konfliktu s jinými službami. Nakonec napíšeme odpověď souboru a spustíme naši dozorce opět v případě, že jsme službu zastavili, jak vidíme na následujícím obrázku:

Jakmile to bude hotovo, přejdeme do našeho prohlížeče a spustíme na portu 8082 a uvidíme výstup našeho programu, který by měl vypadat jako na následujícím obrázku:

ZVĚTŠIT

To nám ukazuje veškerou sílu a všestrannost Node.js, pomocí kterého jsme mohli ověřit, že není třeba používat jiný jazyk než jazyk JavaScript pro vývoj.
DůležitéJe důležité provést nějaký průzkum npm co je zač správce balíčků uzlů, protože tímto nástrojem můžeme získat mnoho balíčků, které nám mohou sloužit, mezi nimi jsou některé rámců to nám umožní zjednodušit veškerý kód, který jsme zde viděli, kromě dalších komponent vyvinutých komunitou za účelem úspory práce pro vývojáře Node.js.
Tím jsme dokončili tutoriál, vytvořili jsme server a také jsme se naučili, jak obsluhovat statické soubory. Kdybychom použili tradiční technologii jako PHP K dosažení tohoto výsledku bychom nejprve potřebovali tradiční server jako Apache nebo nginx, kde je musíme také nakonfigurovat, by tisk kódu vyžadoval jiný jazyk, který by spadl do JavaScript pouze na straně zákazníka, a tím plýtvat jeho skvělými schopnostmi.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod