Node.js sa od svojho prvého vydania pred viac ako desiatimi rokmi stal jednou z najpopulárnejších možností vývoja na strane servera. Aj keď je to stále relatívne nové v porovnaní s PHP a inými backendovými technológiami, bolo to široko prijaté technologickými gigantmi, ako sú LinkedIn, PayPal, Netflix a ďalšie.

Tento článok vás naučí, ako môžete vytvoriť a spustiť svoj vlastný webový server s Node.js a webovým rámcom Express.js.

Zahrnuté technológie a balíčky

Node.js je modul runtime JavaScriptu postavený na engine V8 prehliadača Chrome, ktorý vám umožňuje vykonávať kód JavaScript mimo prehliadača. Na manipuláciu s jazykom sa tradične používa programovací jazyk JavaScript Objektový model dokumentu (DOM), čo zvyšuje interaktivitu webových stránok.

Z tohto dôvodu bolo obmedzené fungovanie kódu JavaScript iba v prehliadači, pretože doména DOM existuje iba na webových stránkach. S Node.js môžete spúšťať JavaScript v príkazovom riadku a na serveroch. Preto je nevyhnutné nainštalujte Node.js a npm skôr, ako začnete.

Na druhej strane je Express.js minimalistický webový rámec, ktorý sa stal de facto backendovým rámcom pre Node.js. Express.js však nie je nutnosťou. Stále môžete používať zabudovaný modul http modul Node.js na zostavenie vášho servera. Express.js je postavený na http modul a poskytuje jednoduchšie API so všetkými potrebnými konfiguráciami.

Budovanie webového servera

Ak chcete svoj kód lepšie usporiadať, môžete začať vytvorením priečinka, v ktorom budú uložené všetky súbory a závislosti. Pretože Express.js nie je zabudovaný modul Node.js, budete si ho musieť nainštalovať pomocou npm.

Čítaj viac: Čo je NPM?

Ak chcete nainštalovať balík Express.js, spustite príkaz npm install express na termináli alebo príkazovom riadku. Pred inštaláciou sa uistite, že sa nachádzate v adresári projektu.

Po dokončení môžete priečinok otvoriť pomocou textového editora alebo IDE podľa vášho výberu a vytvoriť nový súbor s názvom server.js. Ak chcete použiť balík Express.js, musíte najskôr importovať a vytvoriť jeho inštanciu vo vnútri súboru server.js súbor takto:

const express = require ('express');
const app = express ();

Hlavným cieľom webového servera je odpovedať na požiadavky prichádzajúce z rôznych trás pomocou príslušnej funkcie obsluhy. Tento kód spracováva všetky požiadavky GET zadané rootovi ("/") Cesta a odpovie „Hello World!“

app.get ('/', (req, res) => {
res.send ('
Ahoj svet
');
});

Podobne môžete zobraziť dynamický obsah a vykonávať ďalšie operácie v závislosti od cesty a typu zadanej požiadavky. To je možné vykonať pomocou parametrov trasy označených bodkočiarkou : pred parametrom.

app.get ('/: name', (req, res) => {
res.send (`
Vitajte na $ {req.params.name}!
`);
};

V obidvoch vyššie uvedených príkladoch predstavuje prvý riadok použitie .get () metóda Express.js, ktorá prijíma 2 parametre: koncový bod alebo trasu a funkciu obsluhy spätného volania, ktorá berie parametre a objekty odpovedí ako parametre. Tieto 2 parametre sa automaticky odošlú, keď zadáte požiadavku.

V druhom riadku sa odpoveď vykonáva cez .poslať () metóda na objekte odpovede. V zátvorke môžete zadať ľubovoľný text alebo HTML, ktoré chcete. V prípade dynamických trás prístup req.params.name (odkedy ste použili /:name) objektu žiadosti vráti hodnotu parametra dynamickej trasy (názov v tomto prípade.)

Nakoniec môžete začať počúvať prichádzajúce požiadavky na porte pomocou príkazu .poslúchať () metóda, ktorá pri úspešnom vykonaní spustí číslo portu a voliteľnú funkciu spätného volania.

app.listen (5000, console.log ('Server beží na porte 5000'));

V príklade som použil port 5000, ale môžete ho zmeniť na akýkoľvek platný port. To je všetko, čo potrebujete na vytvorenie základného webového servera s kódmi Node.js a Express.js. Rovnaký koncept je možné ďalej rozšíriť aj na ďalšie žiadosti, ako napr POST, PUTalebo ODSTRÁNIŤ na iné trasy. Tu je postup server.js súbor bude vyzerať takto:

Testovanie servera

Ak chcete spustiť kód a spustiť server, spustite server uzlový server príkaz na termináli alebo príkazovom riadku v adresári projektu. Spustí sa funkcia spätného volania, ktorú ste zadali na serveri .poslúchať () metóda.

Ak chcete skontrolovať, či server funguje, otvorte webový prehľadávač a navštívte stránku http://localhost: 5000

Podobne, ak navštívite dynamickú trasu ako napr http://localhost: 5 000 / muo, spustí sa druhá obslužná funkcia a zobrazí:

Server zastavíte stlačením Ctrl + C vo Windows alebo Cmd + C v systéme macOS.

Node.js dokáže viac

Popularita JavaScriptu prudko rastie, pretože vývojári ho využívajú na frontende aj backende. To eliminuje potrebu učiť sa viac programovacích jazykov a pomáha vám naštartovať vašu cestu ako webový vývojár s úplným zásobníkom, ktorý používa iba JavaScript.

Ak sa rozhodnete, že programovému jazyku Google chcete dať radšej Go, je vytvorenie základného webového servera skvelým štartovacím projektom.

Ako zostaviť základný webový server v systéme Go

Ready, set, Golang: Začnite budovať webové servery pomocou Go.

Prečítajte si Ďalej

O autorovi