Pradedančiųjų vadovas, kaip pradėti naudoti Node.js

Pradedanciuju Vadovas Kaip Pradeti Naudoti Node Js



Node.js pasirodė esąs galingas žiniatinklio kūrimo įrankis, dėl savo efektyvumo, patikimumo ir mastelio populiarumo tarp kūrėjų. Gauti pagrindinį supratimą prieš pasineriant į ką nors ir viską žinoti vienoje vietoje yra gana geras jausmas. Jei norite išsamiai suprasti Node.js, turite būti tinkamoje vietoje. Perskaitę šį straipsnį vartotojai gali pradėti savo kelionę rašydami kodo scenarijus Node.js.

Šis įrašas apims:

Kas yra Node.js?

„Google“ paieškos sistemoje dažniausiai ieškoma užklausa „Kas yra Node.js“? Populiariausi klausimai yra Ar Node.js yra programavimo kalba? Ar tai karkasas? Ar tai biblioteka? Kad būtų paprasčiau, Node.js gali būti apibrėžta kaip vykdymo aplinka, palaikoma JS bibliotekos.







Viena gerai žinoma atvirojo kodo kelių platformų Javascript vykdymo aplinka yra Node.js. Dėl savo pritaikomumo jis gali būti naudojamas bet kuriame projekte ar programoje. Jį išskiria V8 variklio naudojimas – tas pats variklis, kuris maitina „Google Chrome“. Dėl to Node.js yra optimalus pasirinkimas kuriant scenarijus serverio pusėje ir vykdant kodo scenarijus už kūrimo aplinkos ribų.



Node.js labai skiriasi nuo kitų serverio programavimo kalbų. Reikia pažymėti, kad tai nėra užpakalinis serveris ar žiniatinklio serveris. Solo jis negali nieko padaryti, bet modulių rinkinys padeda sukurti keičiamo dydžio projektą. Jis veikia viename serveryje ir negeneruoja papildomų gijų kiekvienai užklausai. Be to, daugumai NodeJS bibliotekų rašyti naudojamos neblokuojančios paradigmos, todėl blokavimo elgesys yra išimtis, o ne taisyklė. Asinchroniniai I/O primityvai yra standartinės Node.js bibliotekos funkcija, neleidžianti „JavaScript“ kodui blokuoti.



Kai Node.js atlieka įvesties / išvesties operaciją, pvz., tinkle atliekančias grubias operacijas, ji neužblokuos gijos ir neleis procesoriaus ciklų, laukiančių atsakymo; Vietoj to, jis atnaujins veiklą, kai bus gautas atsakymas.





Node.js Paprastas pavyzdys

Paprastas pavyzdys, norint suprasti Node.js sąvoką, yra sukurti žiniatinklio serverį ir parašyti tekstą. Kadangi tai yra Node.js įvadas, pridėkite įvado eilutę prie žiniatinklio prievado:

konst http = reikalauti ( 'http' ) ;

konst serverio prievadas = 3000 ;

konst serveris = http. sukurti serverį ( ( req, res ) => {

res. statusCode = 200 ;

res. setHeader ( 'Turinio tipas' , 'tekstas/paprastas' ) ;

res. galas ( „Node.js pradžios vadovas pradedantiesiems! \n ) ;

} ) ;

serveris. klausyk ( serverio prievadas, ( ) => {

konsolė. žurnalas ( `Serveris veikia adresu http : //localhost:${serverPort}/`);

} ) ;

Šiame kode:



  • „const http = reikalauti('http')“ importuoja http modulį, kuris padeda kurti HTTP serverius ir valdyti su juo susijusias funkcijas.
  • „const serverPort = 3000“ apibrėžia prievadą, kuriuo serveris veiks.
  • „const server = http.createServer((req, res) => {})“ naudoja http modulio serverio kūrimo metodą, kad sukurtų serverį su atgalinio skambinimo funkcija, naudojant du argumentus, vienas yra užklausa, o kitas yra atsakymas. bus sugeneruotas užklausai.
  • Atgalinio skambinimo funkcijoje HTTPS būsenos kodas nustatytas į 200, o atsakymo turinio tipas nustatytas kaip paprastas tekstas. Be to, žiniatinklio serveris rodo pranešimą pavadinimu „Node.js pradžios vadovas pradedantiesiems“.
  • „server.listen(serverPort, () =>{})“ iškviečiamas norint paleisti serverį ir išklausyti visas serveryje gaunamas užklausas. Atgalinio skambinimo funkcija iškviečiama paleidus serverį ir terminale parodo pranešimą, nurodantį prievadą, kuriuo paleistas serveris.

Išvestis

Vykdymui naudokite žemiau esančią eilutę:

mazgas App. js

Kur App.js yra programos pavadinimas.

Terminalo išvestis yra tokia:

Tai rodo, kad serveris įsijungė ir klauso gaunamų užklausų. Norėdami patikrinti atsakymą serveryje, naudokite šią nuorodą ' http://localhost:3000/ “.

Išvestis serverio pusėje būtų rodoma taip:

Kaip veikia Node.js?

Node.js yra platforma, padedanti serveriams vienu metu apdoroti daug užklausų. Nors užklausoms apdoroti naudojama tik viena gija, ji efektyviai valdo įvesties ir išvesties operacijas naudodama gijas. Gijos – tai komandų grupė, kuri vienu metu atlieka užduotis. Node.js veikia su įvykių ciklu, kuris valdo užduotis nesustodamas, kol viena neatliekama prieš pradedant kitą.

Node.js įvykių ciklas yra tęstinis ir pusiau begalinis ciklas. Ši kilpa valdo sinchroninius ir nesinchroninius Node.js įvykius. Vos tik paleidžiamas Node.js projektas, suaktyvinamas vykdymas, o tai sklandžiai perduoda sudėtingas užduotis sistemai. Tai leidžia sklandžiai vykdyti kitas pagrindinės gijos užduotis.

Norėdami suprasti ir suvokti išsamią Node.js įvykių kilpų koncepciją, parašėme a skirtas straipsnis šia tema.

Node.js Privalumai

Kai kurie pagrindiniai Node.js privalumai yra šie:

  • Mastelio keitimas : Supaprastina programų augimą dviem kryptimis: horizontaliai ir vertikaliai.
  • Realaus laiko žiniatinklio programos : geriausiai tinka užduotims, kurioms reikalingas greitas sinchronizavimas ir kurios neleidžia per daug apkrauti HTTP.
  • Greitis : greitai atlikite užduotis, pvz., įdėkite duomenis į duomenų bazes arba išimkite iš jų, susiekite su tinklais arba tvarkykite failus.
  • Mokymosi lengvumas : Node.js lengva išmokti pradedantiesiems, nes jis naudoja Javascript.
  • Talpyklos privalumai : Saugo tik vieną dalį, todėl nereikės dar kartą paleisti kodo paprašius, talpykla yra greita atmintis ir taupo papildomą įkėlimo laiką.
  • Duomenų srautas : HTTP užklausas ir atsakymus tvarko kaip skirtingus įvykius, taip pagerindamas našumą.
  • Hostingas : Lengva įdėti į tokias svetaines kaip PaaS ir Heroku.
  • Įmonės palaikymas : Naudoja didelės įmonės, tokios kaip „Netflix“, „SpaceX“, „Walmart“ ir kt.

Kaip įdiegti Node.js sistemoje Windows?

Kadangi mes pradedame kurti Node.js programas, jei turime Windows aplinką, Node.js aplinka turi būti nustatyta. Norėdami nustatyti Node.js aplinką Windows operacinėje sistemoje, vadovaukitės toliau pateiktomis nuosekliomis gairėmis.

1 veiksmas: atsisiųskite Node.js diegimo programos paketą

Eikite į oficialią Node.js svetainę Node.js oficiali svetainė ir įsitikinkite, kad atsisiunčiate naujausią Node.js versiją. Taip pat patikrinkite, ar kartu su juo įdiegta npm paketų tvarkyklė, nes ji atlieka lemiamą vaidmenį keičiant Node.js programų mastelį.

Tiesiog spustelėkite „Windows Installer“ ir atsisiuntimas prasidės. Atsisiųsta versija bus 64 bitų ir rekomenduojama LTS (Long Term Support) versija. Paleiskite diegimo programos paketavimo programą, kad įdiegtumėte Node.js.

2 veiksmas: kompiuteryje įdiekite Node.js ir NPM modulį

Pasirodys toks ekranas, todėl spustelėkite mygtuką Kitas:

Spustelėjus Next, atsiras naujas langas, kuriame vartotojo bus paprašyta įvesti kelią, kur ketinama atsisiųsti Node.js msi bibliotekas.

Dabar esančiame lange pasirinkite norimą kelią ir spustelėkite kitą mygtuką:

Spustelėję šį kitą mygtuką, gausite tinkintos sąrankos langą, kuriame jūsų bus paprašyta pasirinkti paketą, kurį norite įdiegti. Šiame lange pasirinkite npm paketų tvarkyklę, pagal numatytuosius nustatymus pasirinktas Node.js vykdymo laikas. Npm paketų tvarkyklėje yra įdiegtas ir Node.js, ir npm paketas.

Galiausiai spustelėkite mygtuką Įdiegti, kad pradėtumėte kelionę.

3 veiksmas: patikrinkite įdiegtas versijas

Labai svarbu žinoti, kuri versija yra įdiegta, todėl norėdami ją patikrinti, eikite į „Windows“ paieškos juostą ir įveskite komandų eilutę:

Atsidarius komandų eilutės langui, įveskite dvi komandas, kad patikrintumėte.

Node.js versija

Node.js versiją galima patikrinti naudojant šią komandą komandų eilutėje:

mazgas - in

Bus rodoma įdiegta versija

NPM versija

Norėdami patikrinti npm versiją, naudokite šią komandą:

npm - in

npm versija bus rodoma terminale.

Štai dabar galite pradėti kurti programas su Node.js aplinkos sąranka.

Visi vartotojai nenaudoja Windows, todėl pageidautina patenkinti visų poreikius. Toliau pateikiamas Node.js diegimo procesas „Mac“.

Kaip įdiegti Node.js „Mac“?

Vartotojams, naudojantiems „Mac“, „Windows“ diegimas yra visiškai toks pat. Eikite į oficiali Node.js svetainė ir atsisiųskite paketą, skirtą „Mac“.

1 veiksmas: atsisiųskite „Mac“ skirtą paketų tvarkyklę

Apsilankykite oficialioje „Node“ svetainėje ir atsisiųskite „MacOSInstaller of NodeJS“:

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

Spustelėkite nurodytą mygtuką aukščiau esančiame ekrane, kad pradėtumėte atsisiuntimą.

Vartotojai gali nurodyti vietą, kurioje jis bus įdiegtas.

2 veiksmas: įdiekite Node.js .pkg failą

Paleiskite diegimo failą ir vadovaukitės diegimo vadovu:

Spustelėkite mygtuką „Įdiegti“ ir prasidės Node.js diegimas.

Baigus diegti NodeJS, bus rodoma santrauka:

Spustelėkite mygtuką „Uždaryti“, kad užbaigtumėte diegimą.

3 veiksmas: patikrinkite Node.js diegimą ir versijas

Norėdami patikrinti, ar Node.js buvo įdiegtas, ir patikrinti jo versiją, naudokite šią komandą:

mazgas -- versija

4 veiksmas: atnaujinkite NPM visame pasaulyje

Vykdykite toliau įvestą komandą, kad atnaujintumėte NPM visiems sistemos vartotojams, naudojant žymą „–global“:

sudo apt install npm -- globalus

5 veiksmas: nustatykite mazgo kelią į $PATH kintamąjį

Vykdykite šią komandą, kad nustatytumėte NodeJS PATH kintamąjį:

eksporto PATH =/ usr / vietinis / git / šiukšliadėžė :/ usr / vietinis / šiukšliadėžė : $PATH

Pastaba: Aukščiau pateiktoje komandoje „/usr/local/bin“ yra vieta, kurioje „NodeJS“ yra įdiegtas pagal numatytuosius nustatymus.

6 veiksmas: atnaujinkite PATH informaciją „.bash\_profile“

Pridėkite išsamią kelio informaciją prie „~/.bash\_profile“ naudodami toliau pateiktą komandą:

aidas 'export PATH=/usr/local/bin:$PATH' >> ~ / . bash \_profilis

7 veiksmas: atnaujinkite ~/.bashrc

Kad ji būtų prieinama visiems vartotojams, vykdykite toliau pateiktą komandą:

šaltinis ~ / . bashrc

Tai yra apie NodeJS diegimą ir PATH kintamojo nustatymą „MacOS“, skirtą „NodeJS“.

Kaip įdiegti Node.js sistemoje Linux?

Norėdami įdiegti Node.js bet kurioje Debian pagrindu veikiančioje Linux operacinėje sistemoje, atlikite toliau pateiktą nuoseklią procedūrą:

1 veiksmas: atidarykite terminalą

Pirmiausia paleiskite terminalą naudodami spartųjį klavišą „CTRL+ALT+T“:

2 veiksmas: atnaujinkite ir atnaujinkite sistemą

Vykdykite toliau įvestą komandą, kad atnaujintumėte ir atnaujintumėte sistemos saugyklą:

sudo apt atnaujinimas && sudo apt atnaujinimas - ir

3 veiksmas: įdiekite „Node“ naudodami „apt“ paketų tvarkyklę

Atnaujinę sistemos saugyklą, įdiekite Node.js iš oficialaus APT paketų tvarkyklės naudodami komandą:

sudo apt install nodejs

4 veiksmas: patikrinkite mazgo diegimą

Įdiegę patikrinkite diegimą patikrindami Node.js versiją naudodami toliau pateiktą komandą:

mazgas - in

5 veiksmas: įdiekite NPM

Gera praktika NPM įdiegti kartu su NodeJS, nes to reikia dažniausiai. NPM taip pat yra oficialioje APT saugykloje ir gali būti įdiegtas naudojant nurodytą komandą:

sudo apt install npm

6 veiksmas: patikrinkite NPM diegimą

Taip pat patikrinkite NPM versiją, kad patikrintumėte NPM įdiegimą naudodami šią komandą:

npm - in

Taip galite įdiegti Node ir NPM Debian pagrindu veikiančiose Linux operacinėse sistemose.

Kaip parašyti pirmąją Node.js programą? (Labas pasauli)

Viskas nustatyta, kad galėtume pradėti kurti programas Node.js. Sukurkime savo pirmąją programą, kuri yra gana įprasta. Kai kas nors pradeda mokytis naujos kalbos ar sistemos, pirmoji programa paprastai yra išspausdinti „Hello World“. Visiems kitaip pasisveikinti yra jausmas ir pasakoti apie mūsų naujos kelionės pradžią. Žemiau yra kodas, skirtas pradėti:

// App.js

konsolė. žurnalas ( 'Labas pasauli!' ) ;

Norėdami vykdyti šį kodo scenarijų, naudokite šią komandą:

mazgas App. js

Išvestis

Pareiškimas Hello World bus užregistruotas terminale:

Kaip importuoti mazgo pagrindinius modulius?

Vartotojai turi naudoti funkciją „require()“, kad galėtų naudoti norimą modulį, su kuriuo dirbtų savo kodo scenarijuje. Pavyzdžiui, jei reikia naudoti „fs“ (failų sistemos) modulį, importo kodo eilutė bus tokia:

konst fs = reikalauti ( 'fs' )

Tai importuotų visas to modulio funkcijas ir išsaugotų jį fs kintamajame, kuris yra pastovus kintamasis, o tai reiškia, kad jo turinio negalima keisti vykdymo metu. Tada naudodamas „fs“ kintamąjį vartotojas gali įgyvendinti norimas funkcijas.

Dabar sukurkime paprastą kodo pavyzdį, kuriame modulis yra importuojamas ir jo funkcionalumas naudojamas kodo scenarijuje.

Pavyzdys: naudojant HTTP modulį

konst http = reikalauti ( 'http' ) ;

// Paprastas HTTP serveris

konst httpServeris = http. sukurti serverį ( ( req, res ) => {

res. rašytiHead ( 200 , { 'Turinio tipas' : 'tekstas/html' } ) ;

res. rašyti ( „“ ) ;

res. rašyti ( '' ) ;

res. rašyti ( '' ) ;

res. rašyti ( '' ) ;

res. rašyti (' ) ;

res. rašyti (Sveikas, pasauli! ) ;

res. rašyti ( ) ;

res. rašyti ( ) ;

res. rašyti (

Sveikas, pasauli!

) ;

res. rašyti ( ) ;

res. rašyti ( „“ ) ;

res. galas ( ) ;

} ) ;

// Klausymas per 3000 prievadą

httpServeris. klausyk ( 3000 , ( ) => {

konsolė. žurnalas ( „Serveris klausosi 3000 prievado“ ) ;

} ) ;

Šiame kode:



  • „const http = reikalauti(‘http’)“ importuoja http modulio turinį ir išsaugo jį pastoviame kintamajame „http“.
  • 'const httpServer = http.createServer((req, res) =>' sukuria paprastą HTTP serverį ir prideda tekstą Hello World kartu su paprastu HTML. CreateServer metodas sukuria serverį su dviem argumentais, vienas yra užklausa serveryje ir antrasis yra atsakymas, sugeneruotas pagal tą užklausą.
  • „httpServer.listen(3000, () =>“) nurodo vietinio pagrindinio kompiuterio 3000 prievadą ir registruoja pranešimą terminalui, kad serveris aktyvus ir klausosi 3000 prievado.

Norėdami paleisti „Node“ programą, paleiskite JS failą naudodami mazgo komandą, kaip parodyta toliau:

mazgas App. js

Kur App.js yra failo pavadinimas.







Išvestis



Pranešimas terminale paleidus šį kodą būtų toks:







Dabar turime patikrinti išvestį serverio pusėje ir patikrinti, ar ten atspausdintas pranešimas „Hello World“, ar ne:



Laiškas sėkmingai atspausdintas serveryje, o šriftas pakoreguotas naudojant tam tikrą pagrindinį HTML.

Node.js: pagrindiniai moduliai

Kai kurie Node.js moduliai yra:

  • http: tai leidžia sukurti HTTP serverį Node.js
  • tvirtinti: tvirtinimo funkcijų rinkinys pirmiausia padeda testuojant
  • fs: leidžia tvarkyti failų operacijas
  • kelias: metodų, susijusių su failų keliais, rinkinys
  • procesas: ji suteikia informaciją ir valdiklius apie dabartinį Node.js procesą
  • tu: jame pateikiama informacija apie operacinę sistemą
  • užklausos eilutė: įrankis, naudojamas URL užklausų eilutėms analizuoti ir formatuoti
  • url: Šiame modulyje pateikiami URL skyrimo ir analizavimo įrankiai

Kaip įdiegti NPM paketus?

NPM (Node Package Manager) padeda valdyti ir naudoti trečiųjų šalių bibliotekas ar įrankius projekte Node.js. Norėdami įdiegti NPM paketus, atlikite toliau nurodytus veiksmus.

1 veiksmas: įdiekite norimą paketą

Įdiegkime greitąjį modulį, kuris yra gana įprastas kuriant žiniatinklio programas Node.js. Norėdami įdiegti express, naudokite komandą:

npm install express

Ši komandų eilutė įdiegs greitąjį modulį jūsų projekto aplanke.

2 veiksmas: išsaugokite modulį Package.json

NPM automatiškai atnaujina paketą.json failą su nauja priklausomybe. Jei norite jį išsaugoti kaip projekto priklausomybės plėtrą, naudokite žymas –save-dev arba –save.

npm install express -- sutaupyti - dev # Išsaugoti kaip plėtros priklausomybę

npm install express -- išsaugoti # Išsaugoti kaip gamybos priklausomybę

Kodėl NPM paketai yra svarbūs?

NPM paketai yra labai svarbūs Node.js kūrimo aplinkoje. Žemiau pateikiamos galimos priežastys:

  • Kodo pakartotinis naudojimas: NPM paketai saugo kodą, kurį galima naudoti dar kartą. Jie taupo kūrėjų laiką siūlydami optimizuotus paruoštus metodus.
  • Priklausomybės valdymas: NPM palengvina projekto reikalavimų tvarkymą. Projekto reikalavimų sąrašas yra pakete.json faile, todėl lengviau naudoti ir bendrinti projekto reikalavimus.
  • Bendruomenės indėlis: NPM padeda sukurti didelę kūrėjų grupę, kuri dalijasi savo darbais, kad kiti galėtų naudoti daugybę nemokamų programinės įrangos paketų. Šis kolektyvinis indėlis pagreitina programos kūrimo laikotarpį.
  • Versijos valdymas: NPM leidžia užsirašyti projekto paketo versiją. Tai užtikrina sklandų darbą ir reikalingų pakeitimų valdymą.
  • Efektyvumas ir nuoseklumas: Efektyvių paketų naudojimas padidina projekto efektyvumą ir leidžia išlaikyti kodo nuoseklumą visoje kūrimo komandoje.

Viskas. Jūs ne tik išmokote įdiegti norimus paketus, bet ir supratote, kodėl šie paketai reikalingi jūsų Node.js kūrimo aplinkoje.

Kaip pradėti naudotis Express JS?

Norint sukurti efektyvias žiniatinklio programas, naudojama Express.js sistema. „Express“ modulis puikiai tinka kurti žiniatinklio programas Node.js. Toliau pateikiama procedūra, kaip pradėti naudotis šiuo paketu.

1 veiksmas: „Express“ diegimas

Norėdami įdiegti „Express“, naudokite šią komandą terminale:

npm install express

Greitasis modulis bus įdiegtas, jei jis jau įdiegtas, tada ši komanda atnaujins modulį

2 veiksmas: greitojo modulio testavimas programoje

Aukščiau atliktas veiksmas įdiegs Express paketo aplanke ir vartotojas gali naudoti modulį importuodamas jį į kodo scenarijų, naudodamas modulį „reikalauti“ kaip

konst išreikšti = reikalauti ( 'išreikšti' )

Išbandykime paprastą kodo scenarijų, kuris naudoja greitojo modulio funkcijas:

konst išreikšti = reikalauti ( 'išreikšti' ) ;

konst programėlė = išreikšti ( ) ;

programėlė. gauti ( '/' , ( req, res ) => {

res. siųsti ( 'Sveiki, Express!' ) ;

} ) ;

konst uostas = 3000 ;

programėlė. klausyk ( uostas, ( ) => {

konsolė. žurnalas ( `Serveris klausosi prievado $ { uostas } ` ) ;

} ) ;

Aukščiau pateiktame kode:

  • const express = reikalauti ('išreikšti') “ importuoja greitąjį modulį ir išsaugo jį pastoviame kintamajame „express“, kuriuo galime naudoti su šia biblioteka susijusias funkcijas.
  • const programa = express () “ naudojamas norint apibrėžti greitąją programą.
  • 'app.get('/', (req, res) =>' apibrėžia greitosios programos atsakymo siuntimo maršrutą „Sveikas ekspresas“ į greitąjį prašymą.
  • Uostas 3000 yra nurodytas pastoviame kintamajame pavadinimu „port“ vietiniame pagrindiniame kompiuteryje.
  • 'app.listen(port, () =>' sukuria klausytoją 3000 prievade ir terminale registruoja pranešimą, kad serveris klausosi nurodyto prievado.

Išvestis

Norėdami paleisti šią programą, naudokite toliau pateiktą komandą:

mazgas App. js

Išvestis terminale atrodytų kaip

Taigi serveris yra aktyvus ir klausosi vietinio pagrindinio kompiuterio 3000 prievado. Naršyklėje prisijungus prie šios nuorodos išvestis būtų rodoma kaip

Tai viskas apie greitąjį modulį, kaip galime jį įdiegti, sukurti programą ir paleisti serverio prievadą.

Kaip pateikti statinius failus „Express“?

Programoje Express funkcija express.static() naudojama statiniams failams, pvz., HTML, CSS, vaizdams ir kt., pateikti. Toliau pateikiamas statinių failų atvaizdavimas naudojant Express.

1 veiksmas: sukurkite projektą

Prieš pradėdami įsitikinkite, kad Express yra įdiegtas, jei ne, galite paleisti šią komandą:

npm install express -- sutaupyti

Ši komanda įdiegs greitąjį modulį lokaliai aplanke node_modules ir atnaujins jį pakete.json faile.

2 veiksmas: sukurkite failą statiniams failams

Antra, sukurkite aplanką darbo kataloge. Sukurkite viešąjį aplanką, kuriame saugomi statiniai failai, kuriuos reikia pateikti. Įdėkite visus statinius HTML ir CSS failus į šį katalogą, kad juos pateiktumėte.

3 veiksmas: „Express“ nustatymas, kad būtų pateikti statiniai failai

Naudokite express.static() metodą, kad nurodytumėte statinių failų, kuriuos vartotojas nori pateikti, katalogą.

Failo atvaizdavimas naudoja du kodo scenarijus, vieną užpakalinei daliai, kuri paima HTML kodą, patalpintą viešajame aplanke. HTML kodas yra paprastas, nes pagrindinis dėmesys skiriamas užpakalinei programai.

Node.js scenarijus

konst išreikšti = reikalauti ( 'išreikšti' ) ;

konst programėlė = išreikšti ( ) ;

programėlė. naudoti ( išreikšti. statinis ( 'vieša' ) ) ;

konst uostas = 3000 ;

programėlė. klausyk ( uostas, ( ) => {

konsolė. žurnalas ( `Serveris klausosi prievado $ { uostas } ` ) ;

} ) ;

Šiame kode:

  • 'const express = reikalauti ('išreikšti')' importuoja greitąjį modulį scenarijuje, kad galėtų naudoti jo funkcijas.
  • „const app = express ()“ paleidžia programą
  • 'app.use(express.static('public'))' nurodo katalogą, kuriame reikia gauti failus ir pateikti jiems greitąją programą, kad būtų galima juos naudoti ir pateikti.
  • Uostas 3000 yra nurodyta skubiam prašymui.
  • ':app.listen(port, () =>' rodo, kad serveris aktyvus ir klausosi nurodyto prievado, registruodamas pranešimą.

HTML scenarijus

DOCTYPE html >

< tik html = 'į' >

< galva >

< meta simbolių rinkinys = 'UTF-8' >

< meta pavadinimas = 'žiūros sritis' turinys = 'plotis = įrenginio plotis, pradinė skalė = 1,0' >

< titulą > Statinis Atvaizdavimo pavyzdys titulą >

galva >

< kūnas >

< h1 > „Express“ naudojimas atvaizdavimui Statinis Failai h1 >

kūnas >

html >

Šiame kode daroma tik antraštė, nes dėmesys sutelkiamas į galinę, o ne priekinę dalį, tačiau pagal poreikį galima pridėti papildomų funkcijų.

Išvestis

Dabar paleiskite Node.js scenarijų naudodami šį kodą:

mazgas App. js

Terminale bus užregistruotas toks pranešimas, nurodantis, kad serveris yra pasirengęs ir klausosi 3000 prievado.

Naršyklėje atidarykite vietinį pagrindinio kompiuterio prievadą 3000, kad pamatytumėte greitojo modulio pateiktą HTML kodo scenarijų

Tai viskas, kad būtų galima pateikti statinius failus ekspresu. Dabar pažiūrėkime, kaip pateikti dinaminius failus.

Kaip pateikti dinaminius failus „Express“?

Vartotojai gali pateikti dinaminius failus naudodami „Express“ naudodami šablonų variklį, kad dinamiškai generuotų HTML pagal duomenis. Žemiau naudojamas šablonas yra EJS (įterptasis Javascript), kuris yra gana populiarus dinaminiams failams pateikti.

1 veiksmas: įdiekite EJS

Norėdami įdiegti EJS savo projekto aplanke, naudokite šią komandą

npm įdiegti ejs -- sutaupyti

2 veiksmas: nustatykite „Express“ naudodami EJS

Nustatykite EJS šabloną kaip peržiūros variklį savo Node.js faile.

//App.js

konst išreikšti = reikalauti ( 'išreikšti' ) ;

konst programėlė = išreikšti ( ) ;

konst UOSTAS = 3000 ;

programėlė. rinkinys ( 'žiūros variklis' , 'ne' ) ;

programėlė. naudoti ( išreikšti. statinis ( 'vieša' ) ) ;

programėlė. gauti ( '/Vartotojo ID' , ( req, res ) => {

konst Vartotojo ID = req. parametrai . id ;

konst vartotojo duomenys = {

id : Vartotojo ID,

Vartotojo vardas : `vartotojas $ { Vartotojo ID } `,

paštu : `vartotojas $ { Vartotojo ID } @pavyzdys. su `,

} ;

res. pateikti ( 'Vartotojas' , { Vartotojas : vartotojo duomenys } ) ;

} ) ;

programėlė. klausyk ( UOSTAS, ( ) => {

konsolė. žurnalas ( `Serveris veikia http : //localhost:${PORT}`);

} ) ;

Aukščiau pateiktu kodu atliekamos šios operacijos:

  • „const express = reikalauti('express')“ importuoja greitąjį modulį iš mazgo modulių.
  • „const app = express()“ sukuria greitosios programos egzempliorių.
  • 'app.set('peržiūros variklis', 'ejs')' sukonfigūruoja 'Express' su ejs šablonu, kad failai būtų dinamiškai pateikti.
  • „app.use(express.static('public'))“ leidžia aptarnauti statinius failus, saugomus viešajame mazgo projekto aplanke.
  • „app.get('/user/:id', (req, res) => {…})“ apibrėžia kabutes, kurios klauso užklausų.
  • „res.render('user', { user: userData })“ pateikia EJS šablono failus.
  • „app.listen(PORT, () => {…})“ paleidžia serverį prie 3000 prievado ir vartotojas gali įvesti „ http://localhost:3000/user/123 “ naršyklėje.

3 veiksmas: EJS šablonas

Projekto kataloge sukuriamas katalogas pavadinimu „views“ ir šiame aplanke sukuriamas EJS šablono failas „user.ejs“. Šiame faile bus dinaminis turinys, kurį vartotojas nori pateikti. Į šį failą įklijuokite šį kodą

DOCTYPE html >

< tik html = 'į' >

< galva >

< meta simbolių rinkinys = 'UTF-8' >

< meta pavadinimas = 'žiūros sritis' turinys = 'plotis = įrenginio plotis, pradinė skalė = 1,0' >

< titulą > Vartotojo profilis titulą >

galva >

< kūnas >

< h1 > Vartotojo profilis h1 >

< p > Vartotojo ID : <%= Vartotojas. id %> p >

< p > Vartotojo vardas : <%= Vartotojas. Vartotojo vardas %> p >

< p > El. paštas : <%= Vartotojas. paštu %> p >

kūnas >

html >

Kadangi pagrindinis tikslas yra dinamiškai pateikti failo turinį, buvo naudojamas tik būtinas priekinis kodas.

4 veiksmas: paleiskite serverį

Dabar vartotojas gali paleisti greitąją programą naudodamas šį kodo fragmentą:

mazgas App. js

Kur App.js yra failo pavadinimas kataloge. Paleidus šį kodą, terminalas parodys tokį pranešimą

Dabar vartotojas gali naudoti nuorodą http://localhost:3000/user/123 naršyklėje ir turinys bus dinamiškai pateikiamas kaip

Tai viskas, kad failo turinys būtų dinamiškai pateikiamas naudojant greitąjį modulį Node.js.

Išvada

Straipsnyje paaiškinama Node.js nuo pradžios iki pabaigos, parodydama, kaip jis veikia su nenutrūkstamu ir įvykiais pagrįstu „JavaScript“ laiku daugeliui įvykių. Jame nagrinėjama „Express“, gerai žinoma žiniatinklio kūrimo priemonė, taip pat minimas NPM ir kaip svetainėje rodyti statinę arba dinaminę informaciją. Nors straipsnyje viskas išsamiai aptariama, tai yra geras pradedančiųjų vadovas, norintis sužinoti apie Node.js.