Juhend algajatele Node.js-iga alustamiseks

Juhend Algajatele Node Js Iga Alustamiseks



Node.js on tõestanud end tõhusa tööriistana veebiarenduses, kogudes arendajate seas populaarsust tänu oma tõhususele, töökindlusele ja skaleeritavusele. Algteadmiste saamine enne millessegi sukeldumist ja kõike ühest kohast teadmine on üsna hea tunne. Peate jõudma õigesse kohta, kui soovite arendada Node.js-i põhjalikku mõistmist. Pärast selle artikli lugemist saavad kasutajad alustada Node.js-i koodiskriptide kirjutamise teekonda.

See postitus hõlmab järgmist:

Mis on Node.js?

Google'i otsingumootori kõige sagedamini otsitud päring on Mis on Node.js? Kõige populaarsemad küsimused on Kas Node.js on programmeerimiskeel? Kas see on raamistik? Kas see on raamatukogu? Lihtsustamise huvides saab Node.js-i määratleda kui käituskeskkonda, mida toetab JS-i teek.







Üks tuntud avatud lähtekoodiga platvormideülene Javascripti käituskeskkond on Node.js. Tänu oma kohanemisvõimele saab seda kasutada mis tahes projektis või rakenduses. Selle eristab V8 mootori kasutamine, sama mootor, mis toidab Google Chrome'i. See muudab Node.js-i optimaalseks valikuks serveripoolseks skriptimiseks ja koodiskriptide täitmiseks väljaspool arenduskeskkonda.



Node.js on teistest serveripoolsetest programmeerimiskeeltest üsna erinev. Tuleb märkida, et see ei ole taustaserver ega veebiserver. Üksinda ei saa see midagi teha, kuid moodulite kogu aitab skaleeritava projekti tegemisel. See töötab ühes serveris ega genereeri iga päringu jaoks täiendavaid lõime. Lisaks kasutatakse enamiku NodeJS-i teekide kirjutamiseks mitteblokeerivaid paradigmasid, seega on blokeerimiskäitumine reegli asemel erand. Asünkroonsed I/O-primitiivid on Node.js-i standardteegi funktsioon, mis takistab JavaScripti koodi blokeerimist.



Kui Node.js sooritab sisend- ja väljundtoimingu, näiteks võrgu kaudu töötlemata toiminguid, ei blokeeri see lõime ega raiska reageerimist ootavaid protsessoritsükleid. selle asemel jätkab see toiminguid pärast vastuse saamist.





Node.js Lihtne näide

Lihtne näide Node.js kontseptsiooni mõistmiseks on veebiserveri loomine ja teksti kirjutamine. Kuna see on Node.js-i sissejuhatus, lisame sissejuhatava rea ​​veebiporti:

konst http = nõuda ( 'http' ) ;

konst serverPort = 3000 ;

konst server = http. looServer ( ( req, res ) => {

res. olekukood = 200 ;

res. setHeader ( 'Sisu tüüp' , 'tekst/lihtne' ) ;

res. lõpp ( Juhend algajatele Node.js-iga alustamiseks! \n ' ) ;

} ) ;

server. kuulake ( serveriport, ( ) => {

konsool. logi ( `Server töötab aadressil http : //localhost:${serverPort}/`);

} ) ;

Selles koodis:



  • 'const http = nõuda('http')' impordib http-mooduli, mis aitab luua HTTP-servereid ja hallata sellega seotud funktsioone.
  • 'const serverPort = 3000' määrab pordi, millel server töötab.
  • 'const server = http.createServer((req, res) => {})' kasutab serveri loomise meetodit http moodulis, et luua tagasihelistamise funktsiooniga server, võttes kaks argumenti, millest üks on päring ja teine ​​vastus päringu jaoks luuakse.
  • Tagasihelistamise funktsiooni sees on HTTPS-i olekukoodiks seatud 200 ja vastuse sisutüübiks on seatud lihttekst. Lisaks kuvab veebiserver sõnumi pealkirjaga „Node.js-iga alustamise juhend algajatele”.
  • 'server.listen(serverPort, () =>{})' kutsutakse serveri käivitamiseks ja kõigi serverisse sissetulevate päringute kuulamiseks. Tagasihelistamise funktsioon kutsutakse välja pärast serveri käivitamist ja see kuvab terminalis teate, mis näitab porti, millel server käivitatakse.

Väljund

Kasutage täitmiseks allolevat rida:

sõlme rakendus. js

Kus App.js on rakenduse nimi.

Terminali väljund on:

See näitab, et server on käivitunud ja kuulab sissetulevaid päringuid. Serveris vastuse kontrollimiseks kasutage järgmist linki ' http://localhost:3000/ ”.

Serveripoole väljund kuvatakse järgmiselt:

Kuidas Node.js töötab?

Node.js on platvorm, mis aitab serveritel korraga tegeleda paljude päringutega. Kuigi see kasutab päringute käsitlemiseks ainult ühte lõime, haldab see lõimede abil tõhusalt sisend- ja väljundtoiminguid. Lõimed on juhiste rühm, mis täidavad ülesandeid samal ajal. Node.js töötab sündmusetsükliga, mis juhib ülesandeid peatumata, kuni üks on tehtud enne järgmise käivitamist.

Node.js sündmusesilmus on pidev ja poollõpmatu tsükkel. See silmus haldab Node.js-i sünkroonseid ja mittesünkroonseid sündmusi. Niipea kui Node.js-projekt käivitatakse, käivitub täitmine, mis kannab keerulised ülesanded sujuvalt üle süsteemi. See võimaldab põhilõime muudel ülesannetel sujuvalt töötada.

Node.js-i sündmuste tsüklite üksikasjaliku kontseptsiooni mõistmiseks ja mõistmiseks oleme kirjutanud a pühendatud artikkel sellel teemal.

Node.js Merits

Mõned Node.js-i peamised eelised on järgmised:

  • Skaleeritavus : lihtsustab rakenduste kasvu kahesuunaliselt: horisontaalselt ja vertikaalselt.
  • Reaalajas veebirakendused : parim ülesannete jaoks, mis nõuavad kiiret sünkroonimist ja väldivad HTTP liigset koormust.
  • Kiirus : täitke kiiresti ülesandeid, nagu andmete sisestamine andmebaasi või sealt väljavõtmine, võrkudega linkimine või failidega tegelemine.
  • Õppimise lihtsus : Node.js-i on algajatele lihtne õppida, kuna see kasutab Javascripti.
  • Vahemällu salvestamise eelis : Salvestab ainult ühe osa, nii et pole vaja koodi uuesti käivitada, kui seda küsitakse, vahemälu on kiire mälu ja säästab täiendavat laadimisaega.
  • Andmete voogesitus : käsitleb HTTP-päringuid ja vastuseid erinevate sündmustena, parandades seeläbi jõudlust.
  • Hosting : lihtne panna sellistele veebisaitidele nagu PaaS ja Heroku.
  • Ettevõtte tugi : kasutavad suured ettevõtted nagu Netflix, SpaceX, Walmart jne.

Kuidas installida Node.js Windowsi?

Kuna me hakkame arendama Node.js rakendusi, siis kui meil on Windowsi keskkond, tuleb Node.js keskkond seadistada. Järgige allolevat samm-sammult juhist, et seadistada Node.js keskkond Windowsi operatsioonisüsteemis.

1. samm: laadige alla installipakett Node.js

Minge Node.js ametlikule veebisaidile Node.js ametlik veebisait ja laadige alla Node.js uusim versioon. Samuti kontrollige, kas paketihaldur npm on sellega installitud, kuna see mängib Node.js-i rakenduste skaleerimisel üliolulist rolli.

Klõpsake lihtsalt Windows Installeril ja allalaadimine algab. Allalaaditud versioon on 64-bitine ja soovitatav on LTS (Long Term Support) versioon. Node.js installimiseks käivitage installeri pakendaja.

2. samm: installige oma arvutisse Node.js ja NPM-moodul

Ilmub järgmine ekraan, nii et klõpsake nuppu Edasi:

Pärast nupule Edasi klõpsamist ilmub uus aken, kus kasutajal palutakse sisestada tee, kuhu ta kavatseb Node.js msi teegid alla laadida.

Nüüd valige allolevas aknas soovitud tee ja klõpsake nuppu Järgmine:

Pärast järgmisel nupul klõpsamist avaneb kohandatud seadistuse aken, kus teil palutakse valida installitav pakett. Sellest aknast vali paketihaldur npm, vaikimisi on valitud Node.js käitusaeg. Paketihalduris npm on installitud nii Node.js kui ka pakett npm.

Lõpuks klõpsake teekonna alustamiseks nuppu Installi.

3. samm: kontrollige installitud versioone

Installitud versiooni teadasaamine on ülioluline, nii et selle kontrollimiseks minge Windowsi otsinguribale ja tippige käsureale:

Pärast käsuviiba akna avanemist tippige kontrollimiseks kaks käsku.

Node.js versioon

Node.js versiooni saab kontrollida, kasutades käsureal järgmist käsku:

sõlm - sisse

Ilmub installitud versioon

NPM versioon

Npm versiooni kontrollimiseks kasutage järgmist käsku:

npm - sisse

Terminalis kuvatakse npm versioon.

See on kõik, nüüd saate hakata rakendusi arendama Node.js keskkonna häälestuse abil.

Kõik kasutajad ei kasuta Windowsi, seega on soovitav rahuldada kõigi vajadusi. Allpool on kirjeldatud Node.js-i installimise protsess Macis.

Kuidas installida Node.js Maci?

Maci kasutajate jaoks on installimine Windowsi jaoks üsna sama. Mine lehele Node.js ametlik sait ja laadige pakett alla Maci jaoks.

1. samm: laadige alla Maci paketihaldur

Külastage Node'i ametlikku veebisaiti ja laadige alla NodeJS-i MacOSInstaller:

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

Allalaadimise alustamiseks klõpsake ülaloleval ekraanil määratud nuppu.

Kasutajad saavad määrata asukoha, kuhu see installitakse.

2. samm: installige fail Node.js .pkg

Käivitage installifail ja järgige installijuhendit:

Klõpsake nuppu 'Install' ja Node.js installimine algab.

Pärast NodeJS-i installimise lõpetamist kuvatakse kokkuvõte:

Installimise lõpetamiseks klõpsake nuppu 'Sule'.

3. samm: kontrollige Node.js-i installimist ja versioone

Node.js installimise kontrollimiseks ja selle versiooni kontrollimiseks kasutage järgmist käsku:

sõlm -- versioon

4. samm: uuendage NPM globaalselt

Käivitage alltoodud käsk, et uuendada NPM-i kõigi süsteemikasutajate jaoks, kasutades lippu „–global”:

sudo apt install npm -- globaalne

5. samm: määrake sõlme teeks muutuja $ PATH

NodeJS-i PATH-muutuja määramiseks käivitage järgmine käsk:

ekspordi PATH =/ usr / kohalik / git / prügikast :/ usr / kohalik / prügikast : $PATH

Märge: Ülaltoodud käsus on „/usr/local/bin” asukoht, kuhu NodeJS vaikimisi installitakse.

6. toiming: värskendage PATH üksikasju jaotises „.bash\_profile”

Lisage tee üksikasjad '~/.bash\_profile', kasutades allolevat käsku:

kaja 'export PATH=/usr/local/bin:$PATH' >> ~ / . bash \_profiil

7. samm: värskendage faili ~/.bashrc

Kõigile kasutajatele kättesaadavaks tegemiseks käivitage alltoodud käsk:

allikas ~ / . bashrc

See puudutab NodeJS-i installimist ja muutuja PATH seadistamist MacOS-is NodeJS-i jaoks.

Kuidas installida Node.js Linuxi?

Node.js installimiseks mis tahes Debianil põhinevasse Linuxi operatsioonisüsteemi, järgige allolevat samm-sammult protseduuri:

1. samm: avage terminal

Esmalt käivitage terminal, kasutades kiirklahvi „CTRL+ALT+T”:

2. samm: värskendage ja uuendage süsteemi

Süsteemi hoidla värskendamiseks ja täiendamiseks täitke allpool sisestatud käsk:

sudo apt värskendus && sudo apt uuendus - ja

3. samm: installige Node, kasutades apt paketihaldurit

Pärast süsteemi hoidla värskendamist installige ametlikust APT paketihaldurist Node.js, kasutades käsku:

sudo apt install nodejs

4. samm: kontrollige sõlme installimist

Kui see on installitud, kontrollige installimist, kontrollides Node.js-i versiooni, kasutades allolevat käsku:

sõlm - sisse

5. samm: installige NPM

Hea tava on installida NPM koos NodeJS-iga, kuna seda nõutakse enamasti. NPM on saadaval ka ametlikus APT hoidlas ja selle saab installida antud käsuga:

sudo apt install npm

6. samm: kontrollige NPM-i installimist

Kontrollige ka NPM-i versiooni, et kontrollida NPM-i installimist järgmise käsu abil:

npm - sisse

Nii saate installida Node'i ja NPM-i Debianil põhinevatele Linuxi operatsioonisüsteemidele.

Kuidas kirjutada esimest Node.js programmi? (Tere, Maailm)

Kõik on valmis alustama meie teed rakenduste arendamiseks Node.js-is. Loome oma esimese programmi, mis on üsna tavaline. Kui keegi hakkab õppima uut keelt või raamistikku, on esimene programm tavaliselt “Tere maailm” printimine. Kõigile erineval viisil tere öelda on päris hea tunne ja rääkida neile meie uue teekonna algusest. Allpool on kood alustamiseks:

// App.js

konsool. logi ( 'Tere, Maailm!' ) ;

Selle koodiskripti käivitamiseks kasutage järgmist käsku:

sõlme rakendus. js

Väljund

Avaldus Hello World logitakse terminali:

Kuidas importida sõlme põhimooduleid?

Kasutajad peavad oma koodiskriptis soovitud mooduli kasutamiseks kasutama funktsiooni 'require()'. Näiteks kui kasutada moodulit 'fs' (failisüsteem), on impordi koodirida järgmine:

konst fs = nõuda ( 'fs' )

See impordiks kõik selle mooduli funktsioonid ja salvestaks selle fs muutujas, mis on konstantne muutuja, mis tähendab, et selle sisu ei saa käitusajal muuta. Seejärel saab kasutaja 'fs' muutuja abil soovitud funktsioone rakendada.

Nüüd loome lihtsa koodinäite, milles moodul imporditakse ja selle funktsioone kasutatakse koodiskriptis.

Näide: HTTP-mooduli kasutamine

konst http = nõuda ( 'http' ) ;

// Lihtne HTTP-server

konst httpServer = http. looServer ( ( req, res ) => {

res. kirjutapea ( 200 , { 'Sisu tüüp' : 'text/html' } ) ;

res. kirjutada ( '' ) ;

res. kirjutada ( '' ) ;

res. kirjutada ( '' ) ;

res. kirjutada ( '' ) ;

res. kirjutada ( '' ) ;

res. kirjutada (Tere maailm! ) ;

res. kirjutada ( '' ) ;

res. kirjutada ( '' ) ;

res. kirjutada (

Tere, maailm!

) ;

res. kirjutada ( ) ;

res. kirjutada ( '' ) ;

res. lõpp ( ) ;

} ) ;

// Kuulamine pordist 3000

httpServer. kuulake ( 3000 , ( ) => {

konsool. logi ( 'Server kuulab pordis 3000' ) ;

} ) ;

Selles koodis:



  • “const http = nõuda(‘http’)” impordib http-mooduli sisu ja salvestab selle konstantsesse muutujasse “http”.
  • “const httpServer = http.createServer((req, res) =>” loob lihtsa HTTP-serveri ja lisab teksti Hello World koos mõne lihtsa HTML-iga. Meetod createServer loob serveri kahe argumendiga üks on päring serveris ja teine ​​on vastus, mis selle päringu jaoks genereeritakse.
  • 'httpServer.listen(3000, () =>') määrab kohaliku hosti pordi 3000 ja logib terminalile teate, et server on aktiivne ja kuulab porti 3000.

Node Appi käivitamiseks käivitage JS-fail käsuga node, nagu allpool näidatud:

sõlme rakendus. js

Kus App.js on faili nimi.







Väljund



Selle koodi käivitamisel terminalis olev teade oleks järgmine:







Nüüd peame kontrollima serveripoolset väljundit ja kontrollima, kas sinna on trükitud teade 'Tere maailm' või mitte:



Sõnum on serveris edukalt trükitud ja fonti on mõnda lihtsat HTML-i kasutades kohandatud.

Node.js: põhimoodulid

Mõned Node.js-i moodulid on järgmised:

  • http: see võimaldab luua HTTP-serveri Node.js-is
  • väita: kinnitusfunktsioonide kogu aitab eelkõige testimisel
  • fs: see võimaldab käsitleda failitoiminguid
  • tee: meetodite kogum, mis käsitleb failiteid
  • protsess: see annab teavet ja juhtelemente praeguse Node.js protsessi kohta
  • sina: see annab teavet operatsioonisüsteemi kohta
  • päringustring: tööriist, mida kasutatakse URL-i päringustringide sõelumiseks ja vormindamiseks
  • url: see moodul pakub tööriistu URL-i lahendamiseks ja sõelumiseks

Kuidas installida NPM-pakette?

NPM (Node Package Manager) aitab hallata ja kasutada Node.js projekti kolmandate osapoolte teeke või tööriistu. NPM-pakettide installimiseks järgige allolevaid samme.

1. samm: installige soovitud pakett

Installime kiirmooduli, mis on Node.js-i veebirakenduste arendamiseks üsna tavaline. Expressi installimiseks kasutage käsku:

npm install express

See käsurida installib ekspressmooduli teie projekti kausta.

2. toiming: salvestage moodul faili Package.json

NPM värskendab faili package.json automaatselt uue sõltuvusega. Kui soovite selle otsesõnu projektisõltuvuse arendusena salvestada, kasutage lippe –save-dev või –save.

npm install express -- salvestada - dev # Salvesta arendussõltuvusena

npm install express -- salvesta # Salvesta tootmissõltuvusena

Miks on NPM-paketid olulised?

NPM-paketid on Node.js arenduskeskkonnas väga olulised. Allpool on toodud võimalikud põhjused:

  • Koodi korduvkasutatavus: NPM-paketid salvestavad koodi, mida saab uuesti kasutada. Need säästavad arendajate aega, pakkudes optimeeritud valmismeetodeid.
  • Sõltuvuste juhtimine: NPM muudab projekti nõuete käsitlemise lihtsamaks. Projekti nõuete loend on failis package.json, mis muudab projekti nõuete kasutamise ja jagamise lihtsamaks.
  • Kogukonna panus: NPM aitab luua suure rühma arendajaid, kes jagavad oma tööd teiste jaoks, et neid paljudes tasuta tarkvarapakettides kasutada. See kollektiivne panus kiirendab rakenduse arendusperioodi.
  • Versioonikontroll: NPM võimaldab teil oma projekti paketi versiooni üles kirjutada. See tagab sujuva töö ja vajalike muudatuste käsitlemise.
  • Tõhusus ja järjepidevus: Tõhusate pakettide kasutamine suurendab projekti tõhusust ja võimaldab säilitada koodi järjepidevuse kogu arendusmeeskonnas.

See on kõik. Olete mitte ainult õppinud soovitud pakette installima, vaid ka aru saanud, miks neid pakette teie Node.js arenduskeskkonnas vaja on.

Kuidas Express JS-iga alustada?

Tõhusate veebirakenduste loomiseks kasutatakse Express.js raamistikku. 'Express' moodul sobib suurepäraselt veebirakenduste loomiseks Node.js-is. Allpool on toodud protseduur selle paketiga alustamiseks.

1. samm: Expressi installimine

Expressi installimiseks kasutage terminalis järgmist käsku:

npm install express

Kiirmoodul installitakse, kui see on juba installitud, siis see käsk värskendab moodulit

2. samm: kiirmooduli testimine rakenduses

Ülaltoodud samm installib ekspressi paketi kausta ja kasutaja saab moodulit kasutada, importides selle koodiskripti, kasutades moodulit 'nõua'

konst väljendada = nõuda ( 'väljendama' )

Testime lihtsat koodiskripti, mis kasutab ekspressmooduli funktsioone:

konst väljendada = nõuda ( 'väljendama' ) ;

konst rakendus = väljendada ( ) ;

rakendus. saada ( '/' , ( req, res ) => {

res. saada ( 'Tere Express!' ) ;

} ) ;

konst sadamasse = 3000 ;

rakendus. kuulake ( sadam, ( ) => {

konsool. logi ( `Server kuulab pordis $ { sadamasse } ` ) ;

} ) ;

Ülaltoodud koodis:

  • const express = nõua('ekspress') ” impordib ekspressmooduli ja salvestab selle konstantsesse muutujasse “express”, mille abil saame kasutada selle teegiga seotud funktsioone.
  • const rakendus = express() ” kasutatakse kiirrakenduse määratlemiseks.
  • 'app.get('/', (req, res) =>' määrab kiirrakenduse marsruudi vastuse saatmiseks 'Tere ekspress' kiiravaldusele.
  • Sadam 3000 on määratud kohaliku hosti konstantses muutujas nimega 'port'.
  • 'app.listen(port, () =>' loob kuulaja pordis 3000 ja logib terminali teate, et server kuulab määratud pordis.

Väljund

Selle rakenduse käivitamiseks kasutage allolevat käsku:

sõlme rakendus. js

Väljund terminalis kuvatakse kujul

Seega on server aktiivne ja kuulab kohaliku hosti porti 3000. Sellele lingile brauseris juurdepääsemisel kuvatakse väljund kujul

See on kõik kiirmooduli kohta, kuidas me saame selle installida, luua rakenduse ja käivitada serveripordi.

Kuidas renderdada staatilisi faile Expressis?

Expressis kasutatakse funktsiooni express.static() staatiliste failide (nt HTML, CSS, pildid jne) renderdamiseks. Allpool on kirjeldatud staatiliste failide Expressis renderdamise protsessi.

1. samm: looge projekt

Enne alustamist veenduge, et ekspress on installitud, kui mitte, saate käivitada järgmise käsu:

npm install express -- salvestada

See käsk installib kiirmooduli lokaalselt kausta node_modules ja värskendab seda failis package.json.

2. samm: looge staatiliste failide jaoks fail

Teiseks looge töökataloogis kaust. Renderdatavate staatiliste failide salvestamiseks looge kaust nimega avalik. Asetage kõik staatilised HTML- ja CSS-failid nende renderdamiseks sellesse kataloogi.

3. samm: Expressi seadistamine staatiliste failide renderdamiseks

Kasutage meetodit express.static(), et määrata staatiliste failide kataloog, mida kasutaja soovib renderdada.

Faili renderdamisel kasutatakse kahte koodiskripti, millest üks on tagaosa jaoks, mis võtab avalikku kausta paigutatud HTML-koodi. HTML-kood on lihtne, kuna meie põhirõhk on taustaprogrammil.

Node.js skript

konst väljendada = nõuda ( 'väljendama' ) ;

konst rakendus = väljendada ( ) ;

rakendus. kasutada ( väljendada. staatiline ( 'avalik' ) ) ;

konst sadamasse = 3000 ;

rakendus. kuulake ( sadam, ( ) => {

konsool. logi ( `Server kuulab pordis $ { sadamasse } ` ) ;

} ) ;

Selles koodis:

  • 'const express = nõua ('ekspress')' impordib skripti ekspressmooduli, et kasutada selle funktsioone.
  • 'const app = express()' käivitab rakenduse
  • 'app.use(express.static('public'))' määrab kataloogi failide toomiseks ja neile kiirrakenduse pakkumiseks nende kasutamiseks ja renderdamiseks.
  • Sadam 3000 on täpsustatud kiirrakenduse jaoks.
  • ':app.listen(port, () =>' näitab, et server on aktiivne ja kuulab sõnumi logimisega määratud pordis.

HTML skript

DOCTYPE html >

< ainult html = 'sisse' >

< pea >

< metamärgistik = 'UTF-8' >

< meta nimi = 'vaateava' sisu = 'laius = seadme laius, esialgne skaala = 1,0' >

< pealkiri > Staatiline Renderdamise näide pealkiri >

pea >

< keha >

< h1 > Renderdamiseks Expressi kasutamine Staatiline Failid h1 >

keha >

html >

Selles koodis tehakse lihtsalt pealkiri, kuna fookus on taustal, mitte esiotsal, kuid vastavalt vajadusele saab lisada täiendavaid funktsioone.

Väljund

Nüüd käivitage skript Node.js järgmise koodiga:

sõlme rakendus. js

Terminali logitakse järgmine teade, mis näitab, et server on valmis ja kuulab porti 3000.

Avage brauseris kohalik hosti port 3000, et näha ekspressmooduli poolt renderdatud HTML-koodi skripti

See on kõik staatiliste failide ekspressis renderdamiseks. Nüüd vaatame, kuidas dünaamilisi faile renderdada.

Kuidas renderdada dünaamilisi faile Expressis?

Kasutajad saavad dünaamilised failid Expressis renderdada mallimootori abil, et genereerida andmete põhjal dünaamiliselt HTML-i. Allpool kasutatav mall on EJS (Embedded Javascript), mis on dünaamiliste failide renderdamiseks üsna populaarne.

1. samm: installige EJS

Kasutage järgmist käsku, et installida EJS oma projekti kausta

npm install ejs -- salvestada

2. samm: seadistage Express EJS-iga

Seadistage EJS-i mall oma Node.js-failis vaatemootorina.

//App.js

konst väljendada = nõuda ( 'väljendama' ) ;

konst rakendus = väljendada ( ) ;

konst PORT = 3000 ;

rakendus. seatud ( 'vaatemootor' , 'ei' ) ;

rakendus. kasutada ( väljendada. staatiline ( 'avalik' ) ) ;

rakendus. saada ( '/kasutaja ID' , ( req, res ) => {

konst kasutaja ID = req. parameetrid . id ;

konst kasutaja andmed = {

id : kasutaja ID,

kasutajanimi : `kasutaja $ { kasutaja ID } `,

meili : `kasutaja $ { kasutaja ID } @näide. koos `,

} ;

res. renderdama ( 'kasutaja' , { kasutaja : kasutaja andmed } ) ;

} ) ;

rakendus. kuulake ( PORT, ( ) => {

konsool. logi ( `Server töötab aadressil http : //localhost:${PORT}`);

} ) ;

Ülaltoodud koodiga tehtavad toimingud on järgmised:

  • 'const express = nõuda('express')' impordib kiirmooduli sõlmemoodulitest.
  • 'const app = express()' loob ekspressrakenduse eksemplari.
  • 'app.set('vaatemootor', 'ejs') konfigureerib ekspressi ejs-malliga, et failid dünaamiliselt renderdada.
  • 'app.use(express.static('public'))' võimaldab teenindada staatilisi faile, mis on salvestatud Node projekti avalikku kausta.
  • 'app.get('/user/:id', (req, res) => {…})' määratleb tsitaadid, mis kuulavad päringuid.
  • 'res.render('user', { user: userData })' renderdab EJS-i mallifailid.
  • 'app.listen(PORT, () => {…})' käivitab serveri pordis 3000 ja kasutaja saab sisestada ' http://localhost:3000/user/123 ” brauseris.

3. samm: EJS-i mall

Projekti kataloogis luuakse kataloog nimega 'views' ja looge selle kausta sees EJS-i mallifail 'user.ejs'. See fail sisaldab dünaamilist sisu, mida kasutaja soovib renderdada. Kleepige sellesse faili järgmine kood

DOCTYPE html >

< ainult html = 'sisse' >

< pea >

< metamärgistik = 'UTF-8' >

< meta nimi = 'vaateava' sisu = 'laius = seadme laius, esialgne skaala = 1,0' >

< pealkiri > Kasutajaprofiil pealkiri >

pea >

< keha >

< h1 > Kasutajaprofiil h1 >

< lk > kasutaja ID : <%= kasutaja. id %> lk >

< lk > Kasutajanimi : <%= kasutaja. kasutajanimi %> lk >

< lk > Meil : <%= kasutaja. meili %> lk >

keha >

html >

Kuna peamine eesmärk on faili sisu dünaamiline renderdamine, siis on kasutatud ainult vajalikku esikoodi.

4. samm: käivitage server

Kasutaja saab nüüd kiirrakenduse käivitada, kasutades järgmist koodilõiku:

sõlme rakendus. js

Kus App.js on kataloogis oleva faili nimi. Pärast selle koodi käivitamist näitab terminal järgmist teadet

Nüüd saab kasutaja linki kasutada http://localhost:3000/user/123 brauseris ja sisu renderdatakse dünaamiliselt kujul

See on kõik faili sisu dünaamiliseks renderdamiseks, kasutades Node.js-i ekspressmoodulit.

Järeldus

Artiklis selgitatakse Node.js-i algusest lõpuni, näidates, kuidas see töötab oma pideva ja sündmustepõhise JavaScripti ajaga paljude sündmuste jaoks. Selles vaadeldakse Expressi, tuntud veebi koostamise tööriista, mainitakse ka NPM-i ja seda, kuidas veebisaidil staatilist või dünaamilist teavet kuvada. Kuigi artiklis käsitletakse kõike üksikasjalikult, on see hea algaja juhend Node.js-i tundmaõppimiseks.