Vodič za početnike za početak rada s Node.js

Vodic Za Pocetnike Za Pocetak Rada S Node Js



Node.js se pokazao moćnim alatom u web razvoju, stekavši popularnost među programerima zbog svoje učinkovitosti, pouzdanosti i skalabilnosti. Dobiti osnovno razumijevanje prije nego što se udubite u bilo što i znati sve na jednom mjestu je pravi osjećaj. Morate doći na pravo mjesto ako želite razviti dubinsko razumijevanje Node.js. Nakon čitanja ovog članka korisnici mogu započeti svoje putovanje pisanja kodnih skripti u Node.js.

Ovaj post će pokriti:

Što je Node.js?

Najčešće traženi upit na Googleovoj tražilici je Što je Node.js? Najpopularnija pitanja su Je li Node.js programski jezik? Je li to okvir? Je li to knjižnica? Da pojednostavimo, Node.js se može definirati kao runtime okruženje koje podržava JS biblioteka.







Jedno dobro poznato okruženje za izvršavanje Javascripta otvorenog izvornog koda je Node.js. Zbog svoje prilagodljivosti, može se koristiti u bilo kojem projektu ili aplikaciji. Ono što ga izdvaja je korištenje V8 motora, istog motora koji pokreće Google Chrome. To čini Node.js optimalnim izborom za skriptiranje na strani poslužitelja i izvršavanje skripti koda izvan razvojnog okruženja.



Node.js prilično se razlikuje od drugih programskih jezika na strani poslužitelja. Treba napomenuti da to nije backend poslužitelj ili web poslužitelj. Samostalno ne može učiniti ništa, ali zbirka modula pomaže u izradi skalabilnog projekta. Radi na jednom poslužitelju i ne generira dodatne niti za svaki pojedinačni zahtjev. Nadalje, paradigme bez blokiranja koriste se za pisanje većine biblioteka NodeJS, tako da je ponašanje blokiranja iznimka umjesto pravila. Asinkrone I/O primitive značajka su standardne biblioteke Node.js koja sprječava blokiranje JavaScript koda.



Kada Node.js izvodi I/O operaciju, poput izvođenja crud operacija preko mreže, neće blokirati nit i trošiti CPU cikluse čekajući odgovor; umjesto toga, nastavit će s radom nakon što primi odgovor.





Node.js Jednostavan primjer

Jednostavan primjer za razumijevanje koncepta Node.js je stvaranje web poslužitelja i pisanje teksta. Budući da je to uvod u Node.js, dodajmo uvodnu liniju u web port:

konst http = zahtijevati ( 'http' ) ;

konst serverPort = 3000 ;

konst poslužitelj = http. createServer ( ( zahtjev, res ) => {

res. statusCode = 200 ;

res. setHeader ( 'Content-Type' , 'tekst/običan' ) ;

res. kraj ( 'Vodič za početnike za početak rada s Node.js! \n ' ) ;

} ) ;

poslužitelj. slušati ( serverPort, ( ) => {

konzola. log ( `Poslužitelj radi na http : //localhost:${serverPort}/`);

} ) ;

U ovom kodu:



  • 'const http = require('http')' uvozi http modul koji pomaže u stvaranju HTTP poslužitelja i upravljanju funkcijama povezanim s njim.
  • “const serverPort = 3000” definira port na kojem će poslužitelj raditi.
  • “const server = http.createServer((req, res) => {})“ koristi metodu kreiranja poslužitelja http modula za stvaranje poslužitelja s funkcijom povratnog poziva koja uzima dva argumenta, jedan je zahtjev, a drugi je odgovor koji će se generirati za zahtjev.
  • Unutar funkcije povratnog poziva, HTTPS statusni kod postavljen je na 200, a vrsta sadržaja odgovora postavljena je na čisti tekst. Osim toga, web poslužitelj prikazuje poruku pod naslovom “Vodič za početnike za početak rada s Node.js”.
  • “server.listen(serverPort, () =>{})” se poziva za pokretanje poslužitelja i slušanje svih dolaznih zahtjeva na poslužitelju. Funkcija povratnog poziva poziva se nakon pokretanja poslužitelja i prikazuje poruku u terminalu koja prikazuje port na kojem je poslužitelj pokrenut.

Izlaz

Koristite donji redak za izvršenje:

čvor App. js

Gdje App.js je naziv aplikacije.

Izlaz u terminalu je:

Ovo označava da je poslužitelj pokrenut i sluša dolazne zahtjeve. Za provjeru odgovora na poslužitelju koristite sljedeću poveznicu “ http://localhost:3000/ ”.

Izlaz na strani poslužitelja prikazat će se kao:

Kako radi Node.js?

Node.js je platforma koja pomaže poslužiteljima da se nose s mnogo zahtjeva istovremeno. Iako koristi samo jednu nit za obradu zahtjeva, učinkovito upravlja ulaznim i izlaznim operacijama korištenjem niti. Niti su skupina instrukcija koje istovremeno izvršavaju zadatke. Node.js radi s petljom događaja koja kontrolira zadatke bez zaustavljanja dok se jedan ne završi prije pokretanja sljedećeg.

Node.js petlja događaja je kontinuirana i polu-beskonačna petlja. Ova petlja upravlja sinkronim i nesinkronim događajima u Node.js. Čim se projekt Node.js pokrene, pokreće se izvršenje, što neprimjetno prenosi teške zadatke na sustav. To omogućuje glatko izvođenje drugih zadataka na glavnoj niti.

Da bismo razumjeli i shvatili detaljan koncept petlji događaja u Node.js, napisali smo a posvećeni članak na ovu temu.

Zasluge Node.js

Neke od glavnih prednosti Node.js su:

  • Skalabilnost : Pojednostavljuje rast aplikacija dvosmjerno: vodoravno i okomito.
  • Web aplikacije u stvarnom vremenu : najbolje za zadatke koji zahtijevaju brzu sinkronizaciju i sprječavaju preveliko opterećenje HTTP-a.
  • Ubrzati : Brzo obavljajte zadatke, poput stavljanja podataka u baze podataka ili uzimanja iz njih, povezivanja s mrežama ili rada s datotekama.
  • Jednostavnost učenja : Node.js je jednostavan za naučiti početnicima jer koristi Javascript.
  • Prednost predmemoriranja : Pohranjuje samo jedan dio, tako da nema potrebe za ponovnim pokretanjem koda kada se to zatraži, predmemorija je brza memorija i štedi dodatno vrijeme učitavanja.
  • Strujanje podataka : Obrađuje HTTP zahtjeve i odgovore kao različite događaje čime se poboljšava izvedba.
  • Usluge poslužitelja : Lako se postavlja na web stranice kao što su PaaS i Heroku.
  • Korporativna podrška : Koriste ga velike tvrtke kao što su Netflix, SpaceX, Walmart itd.

Kako instalirati Node.js na Windows?

Budući da počinjemo razvijati Node.js aplikacije, ako imamo Windows okruženje, Node.js okruženje mora biti postavljeno. Slijedite upute u nastavku za postavljanje okruženja Node.js u operativnom sustavu Windows.

1. korak: preuzmite instalacijski paket Node.js

Idite na službenu web stranicu Node.js Node.js službena web stranica i pobrinite se da preuzmete najnoviju verziju Node.js. Također provjerite je li npm paketni upravitelj instaliran s njim jer igra ključnu ulogu u skaliranju Node.js aplikacija.

Samo kliknite na Windows Installer i preuzimanje će započeti. Preuzeta verzija bit će 64-bitna, a preporučuje se verzija LTS (Long Term Support). Pokrenite paket za instalaciju da biste instalirali Node.js.

Korak 2: Instalirajte Node.js i NPM modul na svoje računalo

Pojavit će se sljedeći ekran pa kliknite na gumb Dalje:

Nakon klika na Dalje, pojavit će se novi prozor u kojem će se od korisnika tražiti da unese stazu na kojoj se namjerava preuzeti Node.js msi biblioteke.

Sada u donjem prozoru odaberite željenu putanju i kliknite na sljedeći gumb:

Nakon što kliknete na sljedeći gumb, dobit ćete prozor prilagođenih postavki u kojem će se od vas tražiti da odaberete paket koji želite instalirati. Iz ovog prozora odaberite npm upravitelj paketa prema zadanim postavkama odabrano je vrijeme izvođenja Node.js. U npm upravitelju paketa instalirani su i Node.js i npm paket.

Na kraju kliknite na gumb Instaliraj da biste započeli putovanje.

Korak 3: Provjerite instalirane verzije

Presudno je saznati koja je verzija instalirana pa da biste je provjerili, idite na traku za pretraživanje sustava Windows i upišite naredbeni redak:

Nakon što se otvori prozor naredbenog retka, upišite dvije naredbe za provjeru.

Verzija Node.js

Verzija Node.js može se provjeriti pomoću sljedeće naredbe u naredbenom retku:

čvor - u

Prikazala bi se instalirana verzija

NPM verzija

Za provjeru verzije npm-a koristite sljedeću naredbu:

npm - u

Verzija za npm bi se pojavila u terminalu.

To je to, sada možete početi razvijati aplikacije s postavkom okruženja Node.js.

Ne koriste svi korisnici Windows pa je poželjno svima izaći u susret. Ispod je postupak za instaliranje Node.js na Mac.

Kako instalirati Node.js na Mac?

Za korisnike koji koriste Mac, instalacija je potpuno ista za Windows. Idi na službena stranica Node.js i preuzmite paket za Mac.

1. korak: preuzmite Package Manager za Mac

Posjetite službenu web stranicu Nodea i preuzmite MacOSInstaller za NodeJS:

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

Kliknite na navedeni gumb na gornjem zaslonu za početak preuzimanja.

Korisnici mogu odrediti mjesto na kojem će biti instaliran.

Korak 2: Instalirajte datoteku Node.js .pkg

Pokrenite instalacijsku datoteku i slijedite vodič za instalaciju:

Pritisnite gumb 'Instaliraj' i započet će instalacija Node.js.

Nakon završetka NodeJS instalacije, prikazat će se sažetak:

Pritisnite gumb 'Zatvori' za završetak instalacije.

Korak 3: Provjerite instalaciju i verzije Node.js

Za provjeru je li Node.js instaliran i za provjeru njegove verzije, upotrijebite sljedeću naredbu:

čvor -- verzija

Korak 4: Nadogradite NPM globalno

Izvršite naredbu upisanu u nastavku za nadogradnju NPM-a za sve korisnike sustava koristeći oznaku '–globalno':

sudo apt instalirajte npm -- globalno

Korak 5: Postavite put čvora na varijablu $PATH

Pokrenite sljedeću naredbu za postavljanje varijable PATH za NodeJS:

izvoz PATH =/ usr / lokalni / git / kanta za smeće :/ usr / lokalni / kanta za smeće : $PATH

Bilješka: U gornjoj naredbi, “/usr/local/bin” je mjesto gdje je NodeJS instaliran prema zadanim postavkama.

Korak 6: Ažurirajte PATH detalje u “.bash\_profile”

Dodajte pojedinosti staze u “~/.bash\_profile” koristeći donju naredbu:

jeka 'export PATH=/usr/local/bin:$PATH' >> ~ / . udarac \_profil

Korak 7: Ažurirajte ~/.bashrc

Da biste ga učinili dostupnim svim korisnicima, izvršite naredbu danu u nastavku:

izvor ~ / . bashrc

To je sve o instaliranju NodeJS-a i postavljanju varijable PATH u MacOS-u za NodeJS.

Kako instalirati Node.js na Linux?

Da biste instalirali Node.js na bilo koji operativni sustav Linux temeljen na Debianu, slijedite dolje navedeni postupak korak po korak:

Korak 1: Otvorite terminal

Prvo pokrenite terminal pomoću tipkovničkog prečaca “CTRL+ALT+T”:

Korak 2: Ažurirajte i nadogradite sustav

Izvršite donju naredbu za ažuriranje i nadogradnju repozitorija sustava:

ažuriranje sudo apt && sudo apt nadogradnja - i

Korak 3: Instalirajte Node pomoću apt upravitelja paketa

Nakon ažuriranja repozitorija sustava, instalirajte Node.js iz službenog upravitelja APT paketa pomoću naredbe:

sudo apt instalirajte nodejs

Korak 4: Provjerite instalaciju čvora

Nakon što se instalira, provjerite instalaciju provjerom verzije Node.js pomoću donje dane naredbe:

čvor - u

Korak 5: Instalirajte NPM

Dobra je praksa instalirati NPM zajedno s NodeJS jer je to potrebno većinu vremena. NPM je također dostupan u službenom APT repozitoriju i može se instalirati pomoću zadane naredbe:

sudo apt instalirajte npm

Korak 6: Provjerite instalaciju NPM-a

Također provjerite verziju NPM-a kako biste potvrdili instalaciju NPM-a pomoću sljedeće naredbe:

npm - u

Ovako možete instalirati Node i NPM na Linux operativne sustave temeljene na Debianu.

Kako napisati prvi Node.js program? (Pozdrav svijete)

Sve je spremno za početak na našem putu razvoja aplikacija u Node.js. Kreirajmo naš prvi program koji je prilično uobičajen. Kad god netko počne učiti novi jezik ili okvir, prvi program obično ispiše 'Hello World'. Pozdraviti sve na drugačiji način pravi je osjećaj i govoriti im o početku našeg novog putovanja. Ispod je kod za početak:

// App.js

konzola. log ( 'Pozdrav svijete!' ) ;

Za izvođenje ove skripte koda koristite sljedeću naredbu:

čvor App. js

Izlaz

Izjava Hello World bit će zabilježena na terminalu:

Kako uvesti module jezgre čvora?

Korisnici moraju upotrijebiti funkciju 'require()' za korištenje željenog modula za rad u svojoj skripti koda. Na primjer, ako se koristi modul 'fs' (Datotečni sustav), linija koda za uvoz bit će:

konst fs = zahtijevati ( 'fs' )

Ovo bi uvezlo sve funkcionalnosti tog modula i pohranilo ga u varijablu fs koja je konstantna varijabla što znači da se njezin sadržaj ne može mijenjati tijekom izvođenja. Zatim pomoću varijable “fs” korisnik može implementirati željene funkcionalnosti.

Kreirajmo sada jednostavan primjer koda u kojem se modul uvozi i njegova se funkcionalnost koristi u skripti koda.

Primjer: korištenje HTTP modula

konst http = zahtijevati ( 'http' ) ;

// Jednostavan HTTP poslužitelj

konst httpposlužitelj = http. createServer ( ( zahtjev, res ) => {

res. writeHead ( 200 , { 'Content-Type' : 'tekst/html' } ) ;

res. pisati ( '' ) ;

res. pisati ( '' ) ;

res. pisati ( '' ) ;

res. pisati ( '' ) ;

res. pisati ( '' ) ;

res. pisati ( 'Zdravo svijete!' ) ;

res. pisati ( '' ) ;

res. pisati ( '' ) ;

res. pisati ( '

Zdravo, svijete!

'
) ;

res. pisati ( '' ) ;

res. pisati ( '' ) ;

res. kraj ( ) ;

} ) ;

// Slušanje na portu 3000

httpposlužitelj. slušati ( 3000 , ( ) => {

konzola. log ( 'Poslužitelj sluša na portu 3000' ) ;

} ) ;

U ovom kodu:



  • “const http = require(‘http’)” uvozi sadržaj http modula i pohranjuje ga u konstantnu varijablu “http”.
  • “const httpServer = http.createServer((req, res) =>” stvara jednostavan HTTP poslužitelj i dodaje tekst Hello World uz neki osnovni HTML. metoda createServer stvara poslužitelj s dva argumenta jedan je zahtjev na poslužitelju i drugi je odgovor koji se generira za taj zahtjev.
  • “httpServer.listen(3000, () =>” navodi port 3000 na lokalnom hostu i bilježi poruku terminalu da je poslužitelj aktivan i sluša na portu 3000.

Da biste pokrenuli Node App, pokrenite JS datoteku s node naredbom kao što je prikazano u nastavku:

čvor App. js

Gdje je App.js naziv datoteke.







Izlaz



Poruka u terminalu nakon pokretanja ovog koda bila bi:







Sada moramo provjeriti izlaz na strani poslužitelja i provjeriti je li tamo ispisana poruka “Hello World” ili ne:



Poruka je uspješno ispisana na poslužitelju, a font je prilagođen korištenjem osnovnog HTML-a.

Node.js: Osnovni moduli

Neki moduli Node.js su:

  • http: omogućuje izradu HTTP poslužitelja u Node.js
  • tvrditi: zbirka assert funkcija pomaže prvenstveno u testiranju
  • fs: omogućuje rukovanje operacijama datoteka
  • staza: skup metoda koje se bave stazama datoteka
  • postupak: daje informacije i kontrole o trenutnom procesu Node.js
  • vas: pruža informacije o operativnom sustavu
  • niz upita: alat koji se koristi za raščlanjivanje i oblikovanje nizova URL upita
  • url: ovaj modul pruža alate za razlučivanje URL-a i raščlanjivanje

Kako instalirati NPM pakete?

NPM (Node Package Manager) pomaže u upravljanju i korištenju biblioteka ili alata trećih strana u projektu Node.js. Slijedite korake u nastavku da biste instalirali NPM pakete.

Korak 1: Instalirajte željeni paket

Instalirajmo express modul koji je prilično uobičajen za razvoj web aplikacija u Node.js. Za brzu instalaciju koristite naredbu:

npm instalirajte ekspresno

Ovaj naredbeni redak instalirat će modul express u mapu vašeg projekta.

Korak 2: Spremite modul u Package.json

NPM automatski ažurira datoteku package.json s novom ovisnošću. Ako ga želite eksplicitno spremiti kao razvoj ovisnosti o projektu, koristite oznake –save-dev ili –save.

npm instalirajte ekspresno -- uštedjeti - dev # Spremi kao razvojnu ovisnost

npm instalirajte ekspresno -- spremi # Spremi kao proizvodnu ovisnost

Zašto su NPM paketi važni?

NPM paketi su vrlo važni u razvojnom okruženju Node.js. U nastavku su mogući razlozi:

  • Mogućnost ponovne upotrebe koda: NPM paketi čuvaju zapis koda koji se može ponovno koristiti. Oni štede vrijeme programera nudeći optimizirane gotove metode.
  • Upravljanje ovisnostima: NPM olakšava rukovanje zahtjevima projekta. Popis projektnih zahtjeva nalazi se u datoteci package.json što olakšava korištenje i dijeljenje projektnih zahtjeva.
  • Doprinos zajednice: NPM pomaže izgraditi veliku grupu programera koji dijele svoj rad kako bi ga drugi mogli koristiti u mnogim paketima besplatnog softvera. Ovaj zajednički doprinos ubrzava razdoblje razvoja aplikacije.
  • Kontrola verzija: NPM vam omogućuje da zapišete verziju paketa za svoj projekt. To osigurava nesmetan rad i rukovanje potrebnim promjenama.
  • Učinkovitost i dosljednost: Korištenje učinkovitih paketa povećava učinkovitost projekta i omogućuje održavanje dosljednosti koda u razvojnom timu.

To je to. Ne samo da ste naučili kako instalirati željene pakete, već ste i razumjeli zašto su ti paketi potrebni u vašem Node.js razvojnom okruženju.

Kako započeti s Express JS-om?

Za izradu učinkovitih web aplikacija koristi se Express.js framework. Modul “express” izvrstan je za izradu web aplikacija u Node.js. U nastavku se nalazi postupak za početak korištenja ovog paketa.

Korak 1: Instaliranje Expressa

Za instalaciju Expressa koristite sljedeću naredbu u terminalu:

npm instalirajte ekspresno

Express modul će biti instaliran ako je već instaliran, tada će ova naredba ažurirati modul

Korak 2: Testiranje ekspresnog modula u aplikaciji

Gornji korak će instalirati express u mapu paketa i korisnik može koristiti modul tako da ga uveze u skriptu koda pomoću modula 'require' kao

konst izraziti = zahtijevati ( 'izraziti' )

Testirajmo jednostavnu skriptu koda koja koristi funkcionalnost express modula:

konst izraziti = zahtijevati ( 'izraziti' ) ;

konst aplikacija = izraziti ( ) ;

aplikacija dobiti ( '/' , ( zahtjev, res ) => {

res. poslati ( 'Hello Express!' ) ;

} ) ;

konst luka = 3000 ;

aplikacija slušati ( luka, ( ) => {

konzola. log ( `Poslužitelj sluša na portu $ { luka } ` ) ;

} ) ;

U gornjem kodu:

  • const express = require('express') ” uvozi modul express i pohranjuje ga u konstantnu varijablu “express”, pomoću koje možemo koristiti funkcije povezane s ovom bibliotekom.
  • const app = express() ” koristi se za definiranje ekspresne aplikacije.
  • 'app.get('/', (req, res) =>' definira rutu kojom ekspresna aplikacija šalje odgovor “Hello Express” na ekspresnu aplikaciju.
  • Luka 3000 naveden je u konstantnoj varijabli pod nazivom 'port' na lokalnom računalu.
  • “app.listen(port, () =>” stvara slušatelja na portu 3000 i bilježi poruku na terminalu da poslužitelj sluša na navedenom portu.

Izlaz

Za pokretanje ove aplikacije koristite naredbu ispod:

čvor App. js

Izlaz u terminalu pojavio bi se kao

Dakle, poslužitelj je aktivan i sluša na portu 3000 lokalnog glavnog računala. Pristup toj vezi u pregledniku prikazao bi izlaz kao

To je sve o ekspresnom modulu kako ga možemo instalirati, izraditi aplikaciju i pokrenuti port poslužitelja.

Kako renderirati statične datoteke u Expressu?

U Expressu se funkcija express.static() koristi za prikazivanje statičkih datoteka poput HTML-a, CSS-a, slika itd. U nastavku je prikazan postupak prikazivanja statičkih datoteka u Expressu.

Korak 1: Izradite projekt

Prije početka provjerite je li express instaliran, ako nije, možete pokrenuti sljedeću naredbu:

npm instalirajte ekspresno -- uštedjeti

Ova naredba će instalirati ekspresni modul lokalno u mapu node_modules i ažurirati ga u datoteci package.json.

Korak 2: Stvorite datoteku za statičke datoteke

Drugo, stvorite mapu u radnom direktoriju. Stvorite mapu pod nazivom public za pohranjivanje statičkih datoteka koje se trebaju prikazati. Postavite sve HTML i CSS statičke datoteke u ovaj direktorij kako biste ih prikazali.

Korak 3: Postavljanje Expressa za prikaz statičkih datoteka

Upotrijebite metodu express.static() da odredite direktorij za statičke datoteke koje korisnik želi prikazati.

Renderiranje datoteke koristi dvije skripte koda, jednu za pozadinu koja preuzima HTML kod smješten u javnu mapu. HTML kôd je jednostavan jer je naš glavni naglasak na pozadini.

Node.js skripta

konst izraziti = zahtijevati ( 'izraziti' ) ;

konst aplikacija = izraziti ( ) ;

aplikacija koristiti ( izraziti. statički ( 'javnost' ) ) ;

konst luka = 3000 ;

aplikacija slušati ( luka, ( ) => {

konzola. log ( `Poslužitelj sluša na portu $ { luka } ` ) ;

} ) ;

U ovom kodu:

  • 'const express = require('express')' uvozi ekspresni modul u skriptu za korištenje njegove funkcije.
  • “const app = express()” pokreće aplikaciju
  • 'app.use(express.static('public'))' specificira direktorij za dohvaćanje datoteka i pružanje ekspresne aplikacije za njihovo korištenje i prikaz.
  • Luka 3000 specificiran je za ekspresnu primjenu.
  • “:app.listen(port, () =>” označava da je poslužitelj aktivan i osluškuje na navedenom priključku bilježeći poruku.

HTML skripta

DOCTYPE html >

< samo html = 'u' >

< glava >

< meta skup znakova = 'UTF-8' >

< meta ime = 'viewport' sadržaj = 'width=device-width, initial-scale=1.0' >

< titula > Statički Primjer iscrtavanja titula >

glava >

< tijelo >

< h1 > Korištenje Expressa za renderiranje Statički Datoteke h1 >

tijelo >

html >

U ovom kodu napravljen je samo naslov jer je fokus na pozadini, a ne na prednjem dijelu, ali dodatne funkcije mogu se dodati prema potrebi.

Izlaz

Sada pokrenite skriptu Node.js pomoću sljedećeg koda:

čvor App. js

Sljedeća poruka bit će zabilježena na terminalu što označava da je poslužitelj spreman i da sluša na portu 3000.

Otvorite port lokalnog hosta 3000 u pregledniku da biste vidjeli skriptu HTML koda koju prikazuje ekspresni modul

To je sve za ekspresno renderiranje statičkih datoteka. Sada pogledajmo kako prikazati dinamičke datoteke.

Kako renderirati dinamičke datoteke u Expressu?

Korisnici mogu renderirati dinamičke datoteke u Expressu koristeći predložak za dinamičko generiranje HTML-a na temelju podataka. Predložak koji se koristi u nastavku je EJS (ugrađeni Javascript) koji je prilično popularan za prikaz dinamičkih datoteka.

Korak 1: Instalirajte EJS

Koristite sljedeću naredbu za instaliranje EJS-a u mapu vašeg projekta

npm instalirajte ejs -- uštedjeti

Korak 2: Postavite Express s EJS-om

Postavite EJS predložak kao mehanizam za prikaz u svojoj datoteci Node.js.

//App.js

konst izraziti = zahtijevati ( 'izraziti' ) ;

konst aplikacija = izraziti ( ) ;

konst LUKA = 3000 ;

aplikacija postaviti ( 'view engine' , 'Ne' ) ;

aplikacija koristiti ( izraziti. statički ( 'javnost' ) ) ;

aplikacija dobiti ( '/korisnik/:id' , ( zahtjev, res ) => {

konst userId = zahtijevati parametri . iskaznica ;

konst korisnički podaci = {

iskaznica : korisnički ID,

Korisničko ime : `korisnik$ { userId } `,

elektronička pošta : `korisnik$ { userId } @primjer. s `,

} ;

res. prikazati ( 'korisnik' , { korisnik : korisnički podaci } ) ;

} ) ;

aplikacija slušati ( LUKA, ( ) => {

konzola. log ( `Poslužitelj radi na http : //localhost:${PORT}`);

} ) ;

Operacije koje izvodi gornji kod su:

  • 'const express = require('express')' uvozi ekspresni modul iz modula čvora.
  • “const app = express()” stvara instancu za ekspresnu aplikaciju.
  • 'app.set('view engine', 'ejs')' konfigurira express s ejs predloškom za dinamičko prikazivanje datoteka.
  • “app.use(express.static(‘public’))” omogućuje posluživanje statičkih datoteka pohranjenih u javnoj mapi Node projekta.
  • “app.get(‘/user/:id’, (req, res) => {…})” definira citate koji slušaju zahtjeve.
  • “res.render(‘user’, { user: userData })” prikazuje datoteke EJS predloška.
  • “app.listen(PORT, () => {…})” pokreće poslužitelj na portu 3000 i korisnik može upisati “ http://localhost:3000/user/123 ” u pregledniku.

Korak 3: EJS predložak

Direktorij pod nazivom “views” kreiran je u direktoriju projekta i unutar ove mape kreirajte datoteku EJS predloška “user.ejs”. Ova datoteka će sadržavati dinamički sadržaj koji korisnik želi prikazati. Zalijepite sljedeći kod u ovu datoteku

DOCTYPE html >

< samo html = 'u' >

< glava >

< meta skup znakova = 'UTF-8' >

< meta ime = 'viewport' sadržaj = 'width=device-width, initial-scale=1.0' >

< titula > Korisnički profil titula >

glava >

< tijelo >

< h1 > Korisnički profil h1 >

< str > ID korisnika : <%= korisnik. iskaznica %> str >

< str > Korisničko ime : <%= korisnik. Korisničko ime %> str >

< str > E-mail : <%= korisnik. elektronička pošta %> str >

tijelo >

html >

Budući da je glavni cilj dinamički prikazati sadržaj datoteke, korišten je samo potreban prednji kod.

Korak 4: Pokrenite poslužitelj

Korisnik sada može pokrenuti ekspresnu aplikaciju pomoću sljedećeg isječka koda:

čvor App. js

Gdje je App.js naziv datoteke u direktoriju. Nakon pokretanja ovog koda terminal će prikazati sljedeću poruku

Sada korisnik može koristiti vezu http://localhost:3000/user/123 u pregledniku i sadržaj će se prikazati dinamički kao

To je sve za dinamičko renderiranje sadržaja datoteke pomoću express modula u Node.js.

Zaključak

U članku se objašnjava Node.js od početka do kraja, pokazujući kako radi sa svojim non-stop JavaScript vremenom temeljenim na događajima za brojne događaje. Razmatra Express, dobro poznati alat za izradu web stranica, a također spominje NPM i kako prikazati statične ili dinamičke informacije na web stranici. Iako se u članku detaljno govori o svemu, dobar je početnički vodič za učenje o Node.js.