Aloitusopas Node.js:n käytön aloittamiseen

Aloitusopas Node Js N Kayton Aloittamiseen



Node.js on osoittautunut tehokkaaksi työkaluksi verkkokehityksessä, ja se on saavuttanut suosiota kehittäjien keskuudessa tehokkuutensa, luotettavuutensa ja skaalautuvuuden ansiosta. Perusymmärryksen saaminen ennen kuin sukeltaa mihinkään ja tietää kaiken yhdestä paikasta on melkoinen tunne. Sinun on tultava oikeaan paikkaan, jos haluat kehittää syvällistä ymmärrystä Node.js:stä. Tämän artikkelin lukemisen jälkeen käyttäjät voivat aloittaa matkansa kirjoittaakseen koodiskriptejä Node.js:ssä.

Tämä viesti kattaa:

Mikä on Node.js?

Googlen hakukoneen yleisimmin haettu kysely on Mikä on Node.js? Suosituimmat kysymykset ovat Onko Node.js ohjelmointikieli? Onko se kehys? Onko se kirjasto? Yksinkertaistamiseksi Node.js voidaan määritellä JS-kirjaston tukemaksi ajonaikaiseksi ympäristöksi.







Yksi hyvin tunnettu avoimen lähdekoodin monikäyttöinen Javascript-ajoympäristö on Node.js. Mukautumiskykynsä ansiosta sitä voidaan käyttää missä tahansa projektissa tai sovelluksessa. Sen erottaa V8-moottorin käyttö, sama moottori, joka käyttää Google Chromea. Tämä tekee Node.js:sta optimaalisen valinnan komentosarjoille palvelinpuolella ja koodiskriptien suorittamiseen kehitysympäristön ulkopuolella.



Node.js on melko erilainen kuin muut palvelinpuolen ohjelmointikielet. On huomattava, että se ei ole taustapalvelin tai verkkopalvelin. Yksin se ei voi tehdä mitään, mutta moduulikokoelma auttaa skaalautuvan projektin tekemisessä. Se toimii yhdellä palvelimella eikä luo lisäsäikeitä jokaista pyyntöä varten. Lisäksi useimpien NodeJS-kirjastojen kirjoittamiseen käytetään ei-estoparadigmoja, joten estokäyttäytyminen on poikkeus säännön sijaan. Asynkroniset I/O-primitiivit ovat Node.js:n vakiokirjaston ominaisuus, joka estää JavaScript-koodin estämisen.



Kun Node.js suorittaa I/O-toiminnon, kuten crud-operaatioita verkossa, se ei estä säiettä ja tuhlaa CPU-jaksoja odottamassa vastausta. sen sijaan se jatkaa toimintaansa vastauksen saatuaan.





Node.js yksinkertainen esimerkki

Yksinkertainen esimerkki Node.js:n käsitteen ymmärtämiseksi on verkkopalvelimen luominen ja tekstin kirjoittaminen. Koska se on Node.js:n johdatus, lisätään johdantorivi verkkoporttiin:

konst http = vaatia ( 'http' ) ;

konst palvelimen portti = 3000 ;

konst palvelin = http. createServer ( ( req, res ) => {

res. statusCode = 200 ;

res. setHeader ( 'Sisältötyyppi' , 'teksti/plain' ) ;

res. loppu ( Aloitusopas Node.js:n käytön aloittamiseen! \n ' ) ;

} ) ;

palvelin. kuunnella ( palvelimen portti, ( ) => {

konsoli. Hirsi ( `Palvelin käynnissä osoitteessa http : //localhost:${serverPort}/`);

} ) ;

Tässä koodissa:



  • 'const http = vaatia('http')' tuo http-moduulin, joka auttaa luomaan HTTP-palvelimia ja käsittelemään siihen liittyviä toimintoja.
  • 'const serverPort = 3000' määrittää portin, jolla palvelin toimii.
  • 'const server = http.createServer((req, res) => {})' käyttää http-moduulin luo palvelin -menetelmää palvelimen luomiseen takaisinsoittotoiminnolla, jossa on kaksi argumenttia, joista toinen on pyyntö ja toinen vastaus, luodaan pyyntöä varten.
  • Takaisinsoittotoiminnon sisällä HTTPS-tilakoodiksi on asetettu 200 ja vastauksen sisältötyypiksi on asetettu pelkkä teksti. Lisäksi verkkopalvelin näyttää viestin nimeltä 'Node.js:n aloitusopas'.
  • 'server.listen(serverPort, () =>{})' kutsutaan käynnistämään palvelin ja kuuntelemaan kaikkia palvelimelle saapuvia pyyntöjä. Takaisinsoittotoiminto kutsutaan palvelimen käynnistyksen jälkeen ja näyttää päätelaitteessa viestin, joka näyttää portin, josta palvelin on käynnistetty.

Lähtö

Käytä suoritukseen alla olevaa riviä:

solmusovellus. js

Missä App.js on sovelluksen nimi.

Terminaalin lähtö on:

Tämä osoittaa, että palvelin on käynnistynyt ja kuuntelee saapuvia pyyntöjä. Voit tarkistaa vastauksen palvelimella käyttämällä seuraavaa linkkiä ' http://localhost:3000/ ”.

Palvelinpuolen tuloste näkyy seuraavasti:

Miten Node.js toimii?

Node.js on alusta, joka auttaa palvelimia käsittelemään monia pyyntöjä samanaikaisesti. Vaikka se käyttää vain yhtä säiettä pyyntöjen käsittelyyn, se hallitsee tehokkaasti syöttö- ja tulostustoimintoja säikeiden avulla. Säikeet ovat joukko ohjeita, jotka suorittavat tehtäviä samanaikaisesti. Node.js toimii tapahtumasilmukan kanssa, joka ohjaa tehtäviä pysähtymättä, kunnes yksi on tehty ennen seuraavan aloittamista.

Node.js-tapahtumasilmukka on jatkuva ja puoliksi ääretön silmukka. Tämä silmukka hallitsee synkronisia ja ei-synkronisia tapahtumia Node.js:ssä. Heti kun Node.js-projekti käynnistetään, suoritus käynnistyy, mikä siirtää vaikeat tehtävät saumattomasti järjestelmään. Tämä mahdollistaa muiden pääsäikeen tehtävien sujuvan sujuvan.

Ymmärtääksemme ja ymmärtääksemme Node.js:n tapahtumasilmukoiden yksityiskohtaisen käsitteen olemme kirjoittaneet a omistettu artikkeli tässä aiheessa.

Node.js:n ansiot

Jotkut Node.js:n tärkeimmistä eduista ovat:

  • Skaalautuvuus : Yksinkertaistaa sovellusten kasvua kaksisuuntaisesti: vaaka- ja pystysuunnassa.
  • Reaaliaikaiset verkkosovellukset : paras tehtäviin, jotka vaativat nopeaa synkronointia ja estävät HTTP:n liiallisen kuormituksen.
  • Nopeus : Suorita tehtäviä nopeasti, kuten tietojen lisääminen tietokantoihin tai poistaminen niistä, linkittäminen verkkoihin tai tiedostojen käsittely.
  • Oppimisen helppous : Node.js on helppo oppia aloittelijoille, koska se käyttää Javascriptiä.
  • Välimuistin etu : Tallentaa vain yhden osan, joten koodia ei tarvitse suorittaa uudelleen pyydettäessä, välimuisti on nopea muisti ja säästää ylimääräistä latausaikaa.
  • Datan suoratoisto : Käsittelee HTTP-pyyntöjä ja vastauksia eri tapahtumina parantaen siten suorituskykyä.
  • Isännöinti : Helppo asentaa verkkosivustoille, kuten PaaS ja Heroku.
  • Yritystuki : Käyttää suuryritykset, kuten Netflix, SpaceX, Walmart jne.

Kuinka asentaa Node.js Windowsiin?

Koska olemme alkamassa kehittää Node.js-sovelluksia, jos meillä on Windows-ympäristö, Node.js-ympäristö on määritettävä. Noudata alla olevia vaiheittaisia ​​ohjeita määrittääksesi Node.js-ympäristö Windows-käyttöjärjestelmässä.

Vaihe 1: Lataa Node.js-asennuspaketti

Siirry Node.js:n viralliselle verkkosivustolle Node.js virallinen verkkosivusto ja varmista, että lataat Node.js:n uusimman version. Tarkista myös, onko sen mukana asennettu npm-pakettienhallinta, koska sillä on ratkaiseva rooli Node.js-sovellusten skaalauksessa.

Napsauta vain Windows Installeriä ja lataus alkaa. Ladattu versio on 64-bittinen ja LTS-versiota (Long Term Support) suositellaan. Asenna Node.js suorittamalla asennuspaketin ohjelma.

Vaihe 2: Asenna Node.js ja NPM-moduuli tietokoneellesi

Seuraava näyttö tulee näkyviin, joten napsauta Seuraava-painiketta:

Kun napsautat Seuraava, näkyviin tulee uusi ikkuna, jossa käyttäjää pyydetään syöttämään polku, josta Node.js msi -kirjastot on tarkoitus ladata.

Valitse nyt alla olevasta ikkunasta haluamasi polku ja napsauta seuraavaa painiketta:

Kun napsautat tätä seuraavaa painiketta, saat mukautetun asennusikkunan, jossa sinua pyydetään valitsemaan paketti, jonka haluat asentaa. Valitse tästä ikkunasta npm-pakettien hallinta oletusarvoisesti Node.js-ajoaika on valittuna. Npm-paketinhallinnassa sekä Node.js että npm-paketti on asennettu.

Napsauta lopuksi Asenna-painiketta aloittaaksesi matkan.

Vaihe 3: Tarkista asennetut versiot

On tärkeää tietää, mikä versio on asennettu, joten tarkista se siirtymällä Windowsin hakupalkkiin ja kirjoittamalla komentokehotteeseen:

Kun komentokehoteikkuna avautuu, kirjoita kaksi komentoa vahvistusta varten.

Node.js:n versio

Node.js-versio voidaan tarkistaa käyttämällä seuraavaa komentoa komentokehotteessa:

solmu - sisään

Asennettu versio tulee näkyviin

NPM-versio

Käytä npm-version tarkistukseen seuraavaa komentoa:

npm - sisään

Npm:n versio ilmestyy terminaaliin.

Siinä kaikki, nyt voit aloittaa sovellusten kehittämisen Node.js-ympäristön asennuksen avulla.

Kaikki käyttäjät eivät käytä Windowsia, joten on toivottavaa vastata kaikkien tarpeisiin. Alla on prosessi Node.js:n asentamiseksi Maciin.

Kuinka asentaa Node.js Maciin?

Mac-käyttäjille asennus on aivan sama Windowsissa. Siirry kohtaan Node.js:n virallinen sivusto ja lataa paketti Macille.

Vaihe 1: Lataa Package Manager for Mac

Vieraile Noden virallisella verkkosivustolla ja lataa NodeJS:n MacOSInstaller:

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

Aloita lataus napsauttamalla määritettyä painiketta yllä olevassa näytössä.

Käyttäjät voivat määrittää sijainnin, johon se asennetaan.

Vaihe 2: Asenna Node.js .pkg-tiedosto

Suorita asennustiedosto ja seuraa asennusopasta:

Napsauta 'Asenna' -painiketta ja Node.js:n asennus alkaa.

Kun NodeJS-asennus on valmis, se näyttää yhteenvedon:

Napsauta 'Sulje' -painiketta päättääksesi asennuksen.

Vaihe 3: Tarkista Node.js:n asennus ja versiot

Käytä seuraavaa komentoa varmistaaksesi, että Node.js on asennettu, ja tarkistaaksesi sen version:

solmu -- versio

Vaihe 4: Päivitä NPM maailmanlaajuisesti

Suorita alla kirjoitettu komento päivittääksesi NPM kaikille järjestelmän käyttäjille '–global'-lippua käyttäen:

sudo apt install npm -- maailmanlaajuisesti

Vaihe 5: Aseta solmun poluksi $PATH-muuttuja

Suorita seuraava komento asettaaksesi PATH-muuttujan NodeJS:lle:

vientipolku =/ usr / paikallinen / git / roskakori :/ usr / paikallinen / roskakori : $PATH

Huomautus: Yllä olevassa komennossa '/usr/local/bin' on sijainti, johon NodeJS on asennettu oletusarvoisesti.

Vaihe 6: Päivitä PATH-tiedot tiedostossa '.bash\_profile'

Lisää polun tiedot '~/.bash\_profile' käyttämällä alla annettua komentoa:

kaiku 'export PATH=/usr/local/bin:$PATH' >> ~ / . lyödä \_profiili

Vaihe 7: Päivitä ~/.bashrc

Jotta se olisi kaikkien käyttäjien käytettävissä, suorita alla annettu komento:

lähde ~ / . bashrc

Siinä on kyse NodeJS:n asentamisesta ja PATH-muuttujan asettamisesta MacOS:ssa NodeJS:lle.

Kuinka asentaa Node.js Linuxiin?

Asenna Node.js mihin tahansa Debian-pohjaiseen Linux-käyttöjärjestelmään noudattamalla alla olevia vaiheittaisia ​​ohjeita:

Vaihe 1: Avaa pääte

Käynnistä ensin pääte 'CTRL+ALT+T' -pikanäppäimellä:

Vaihe 2: Päivitä ja päivitä järjestelmä

Suorita alla kirjoitettu komento päivittääksesi ja päivittääksesi järjestelmän arkiston:

sudo apt päivitys && sudo apt päivitys - ja

Vaihe 3: Asenna Node apt-paketinhallinnan avulla

Kun olet päivittänyt järjestelmän arkiston, asenna Node.js virallisesta APT-paketinhallinnasta komennolla:

sudo apt install nodejs

Vaihe 4: Tarkista solmun asennus

Kun se on asennettu, tarkista asennus tarkistamalla Node.js-versio käyttämällä alla olevaa komentoa:

solmu - sisään

Vaihe 5: Asenna NPM

On hyvä käytäntö asentaa NPM yhdessä NodeJS:n kanssa, koska sitä vaaditaan suurimman osan ajasta. NPM on saatavana myös virallisessa APT-arkistossa ja voidaan asentaa käyttämällä annettua komentoa:

sudo apt install npm

Vaihe 6: Tarkista NPM-asennus

Tarkista myös NPM-versio varmistaaksesi NPM:n asennuksen käyttämällä seuraavaa komentoa:

npm - sisään

Näin voit asentaa Noden ja NPM:n Debian-pohjaisiin Linux-käyttöjärjestelmiin.

Kuinka kirjoittaa ensimmäinen Node.js-ohjelma? (Hei maailma)

Kaikki on asetettu alkamaan matkallamme kehittämään sovelluksia Node.js:ssä. Luodaan ensimmäinen ohjelmamme, joka on melko yleinen. Aina kun joku alkaa oppia uutta kieltä tai puitteet, ensimmäinen ohjelma on yleensä tulostaa 'Hello World'. Tervehdys kaikille eri tavalla on melkoinen tunne ja kertoa heille uuden matkamme alusta. Alla on koodi, jolla pääset alkuun:

// App.js

konsoli. Hirsi ( 'Hei maailma!' ) ;

Suorita tämä koodiskripti käyttämällä seuraavaa komentoa:

solmusovellus. js

Lähtö

Lause Hello World kirjataan terminaaliin:

Kuinka tuoda solmun ydinmoduuleja?

Käyttäjien on käytettävä “require()”-toimintoa käyttääkseen haluttua moduulia työstääkseen koodiskriptiään. Jos esimerkiksi käytetään 'fs' (tiedostojärjestelmä) -moduulia, tuontikoodirivi on:

konst fs = vaatia ( 'fs' )

Tämä tuo kaikki kyseisen moduulin toiminnot ja tallentaa sen fs-muuttujaan, joka on vakiomuuttuja, mikä tarkoittaa, että sen sisältöä ei voida muuttaa ajon aikana. Sitten 'fs'-muuttujan avulla käyttäjä voi toteuttaa haluamasi toiminnot.

Luodaan nyt yksinkertainen koodiesimerkki, jossa moduuli tuodaan ja sen toimintoja käytetään koodiskriptissä.

Esimerkki: HTTP-moduulin käyttäminen

konst http = vaatia ( 'http' ) ;

// Yksinkertainen HTTP-palvelin

konst http-palvelin = http. createServer ( ( req, res ) => {

res. kirjoituspää ( 200 , { 'Sisältötyyppi' : 'text/html' } ) ;

res. kirjoittaa ( '' ) ;

res. kirjoittaa ( '' ) ;

res. kirjoittaa ( '' ) ;

res. kirjoittaa ( '' ) ;

res. kirjoittaa ( '' ) ;

res. kirjoittaa ( 'Hei maailma!' ) ;

res. kirjoittaa ( '' ) ;

res. kirjoittaa ( ' ' ) ;

res. kirjoittaa ( '

Hei, maailma!

'
) ;

res. kirjoittaa ( ) ;

res. kirjoittaa ( '' ) ;

res. loppu ( ) ;

} ) ;

// Kuuntelee portilla 3000

http-palvelin. kuunnella ( 3000 , ( ) => {

konsoli. Hirsi ( 'Palvelin kuuntelee portissa 3000' ) ;

} ) ;

Tässä koodissa:



  • 'const http = request('http')' tuo http-moduulin sisällön ja tallentaa sen vakiomuuttujaan 'http'.
  • 'const httpServer = http.createServer((req, res) =>' luo yksinkertaisen HTTP-palvelimen ja lisää tekstin Hello World sekä perus-HTML-koodia. CreateServer-menetelmä luo palvelimen kahdella argumentilla yksi on pyyntö palvelimella ja toinen on vastaus, joka luodaan kyseiselle pyynnölle.
  • 'httpServer.listen(3000, () =>') määrittää paikallisen isännän portin 3000 ja kirjaa päätelaitteelle viestin, että palvelin on aktiivinen ja kuuntelee porttia 3000.

Suorita Node App suorittamalla JS-tiedosto node-komennolla alla olevan kuvan mukaisesti:

solmusovellus. js

Missä App.js on tiedoston nimi.







Lähtö



Päätteen viesti tämän koodin suorittamisen yhteydessä olisi:







Nyt meidän on tarkistettava tulos palvelinpuolella ja tarkistettava, onko siellä tulostettu viesti 'Hello World' vai ei:



Viesti on tulostettu onnistuneesti palvelimelle ja fonttia on säädetty jollain perus-HTML:llä.

Node.js: ydinmoduulit

Jotkut Node.js:n moduulit ovat:

  • http: se mahdollistaa HTTP-palvelimen tekemisen Node.js:ssä
  • väittää: Väitefunktioiden kokoelma auttaa ensisijaisesti testaamisessa
  • fs: se mahdollistaa tiedostotoimintojen käsittelyn
  • polku: joukko menetelmiä, jotka käsittelevät tiedostopolkuja
  • käsitellä asiaa: se antaa tietoja ja ohjaimia nykyisestä Node.js-prosessista
  • sinä: se tarjoaa tietoja käyttöjärjestelmästä
  • kyselymerkkijono: työkalu, jota käytetään URL-kyselymerkkijonojen jäsentämiseen ja muotoiluun
  • url: Tämä moduuli tarjoaa työkaluja URL-osoitteiden selvittämiseen ja jäsentämiseen

Kuinka asentaa NPM-paketit?

NPM (Node Package Manager) auttaa hallitsemaan ja käyttämään kolmannen osapuolen kirjastoja tai työkaluja Node.js-projektissa. Asenna NPM-paketit noudattamalla alla olevia ohjeita.

Vaihe 1: Asenna haluttu paketti

Asennataanpa pikamoduuli, joka on melko yleinen verkkosovellusten kehittämisessä Node.js:ssä. Asenna express käytä komentoa:

npm install express

Tämä komentorivi asentaa pikamoduulin projektikansioosi.

Vaihe 2: Tallenna moduuli tiedostoon Package.json

NPM päivittää paketti.json-tiedoston automaattisesti uudella riippuvuudella. Jos haluat tallentaa sen nimenomaisesti projektiriippuvuuden kehittämiseksi, käytä -save-dev- tai -save -lippuja.

npm install express -- Tallentaa - dev # Tallenna kehitysriippuvuudeksi

npm install express -- tallenna # Tallenna tuotantoriippuvuudeksi

Miksi NPM-paketit ovat tärkeitä?

NPM-paketit ovat erittäin tärkeitä Node.js-kehitysympäristössä. Alla on mahdollisia syitä:

  • Koodin uudelleenkäyttö: NPM-paketit pitävät kirjaa koodista, jota voidaan käyttää uudelleen. Ne säästävät kehittäjien aikaa tarjoamalla optimoituja valmiita menetelmiä.
  • Riippuvuuden hallinta: NPM helpottaa projektin vaatimusten käsittelyä. Projektin vaatimusten luettelo on package.json-tiedostossa, mikä helpottaa projektin vaatimusten käyttöä ja jakamista.
  • Yhteisön lahjoitus: NPM auttaa rakentamaan suuren ryhmän kehittäjiä, jotka jakavat työnsä muiden käytettäväksi monissa ilmaisissa ohjelmistopaketeissa. Tämä yhteinen panos nopeuttaa sovellusten kehitysvaihetta.
  • Versionhallinta: NPM:n avulla voit kirjoittaa muistiin projektisi pakettiversion. Tämä varmistaa sujuvan työskentelyn ja tarvittavien muutosten käsittelyn.
  • Tehokkuus ja johdonmukaisuus: Tehokkaiden pakettien käyttö lisää projektin tehokkuutta ja mahdollistaa koodin yhdenmukaisuuden ylläpitämisen koko kehitystiimin kesken.

Se siitä. Sen lisäksi, että olet oppinut asentamaan halutut paketit, sinulla on myös käsitys siitä, miksi näitä paketteja tarvitaan Node.js-kehitysympäristössäsi.

Kuinka pääset alkuun Express JS:n kanssa?

Tehokkaiden verkkosovellusten tekemiseen käytetään Express.js-kehystä. 'Express'-moduuli sopii erinomaisesti verkkosovellusten rakentamiseen Node.js:ssä. Alla on ohjeet tämän paketin käytön aloittamiseen.

Vaihe 1: Expressin asentaminen

Asenna Express käyttämällä seuraavaa komentoa terminaalissa:

npm install express

Express-moduuli asennetaan, jos se on jo asennettu, tämä komento päivittää moduulin

Vaihe 2: Express-moduulin testaus sovelluksessa

Yllä oleva vaihe asentaa express-paketin kansioon ja käyttäjä voi käyttää moduulia tuomalla sen koodiskriptiin käyttämällä 'require' -moduulia

konst ilmaista = vaatia ( 'ilmaista' )

Testataan yksinkertaista koodiskriptiä, joka käyttää pikamoduulin toimintoja:

konst ilmaista = vaatia ( 'ilmaista' ) ;

konst sovellus = ilmaista ( ) ;

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

res. lähettää ( 'Hei Express!' ) ;

} ) ;

konst portti = 3000 ;

sovellus. kuunnella ( satama, ( ) => {

konsoli. Hirsi ( `Palvelin kuuntelee portissa $ { portti } ` ) ;

} ) ;

Yllä olevassa koodissa:

  • ' const express = vaatia('express') ” tuo pikamoduulin ja tallentaa sen vakiomuuttujaan ”express”, jonka avulla voimme käyttää tähän kirjastoon liittyviä toimintoja.
  • ' const app = express() ' käytetään määrittelemään pikasovellus.
  • 'app.get('/', (req, res) =>' määrittää reitin, jolla pikasovellus lähettää vastauksen “Hei Express” pikahakemukseen.
  • Satama 3000 on määritetty vakiomuuttujassa nimeltä portti paikallisessa isännässä.
  • 'app.listen(port, () =>' luo kuuntelijan porttiin 3000 ja kirjaa päätelaitteelle viestin, että palvelin kuuntelee määritettyä porttia.

Lähtö

Tämän sovelluksen suorittamiseksi käytä alla olevaa komentoa:

solmusovellus. js

Terminaalin lähtö näyttää tältä

Palvelin on siis aktiivinen ja kuuntelee paikallisen isännän porttia 3000. Linkin käyttäminen selaimessa näyttäisi tuloksen muodossa

Siinä on kyse pikamoduulista, jonka avulla voimme asentaa sen, luoda sovelluksen ja käynnistää palvelinportin.

Kuinka renderöidä staattisia tiedostoja Expressissä?

Expressissä express.static()-funktiota käytetään staattisten tiedostojen, kuten HTML:n, CSS:n, kuvien jne. renderöintiin. Alla on prosessi staattisten tiedostojen renderöimiseksi Expressissä.

Vaihe 1: Luo projekti

Varmista ennen aloittamista, että express on asennettu, jos ei, voit suorittaa seuraavan komennon:

npm install express -- Tallentaa

Tämä komento asentaa express-moduulin paikallisesti node_modules-kansioon ja päivittää sen package.json-tiedostoon.

Vaihe 2: Luo tiedosto staattisille tiedostoille

Toiseksi luo kansio työhakemistoon. Luo kansio nimeltä julkinen tallentaaksesi renderöitävät staattiset tiedostot. Sijoita kaikki staattiset HTML- ja CSS-tiedostot tähän hakemistoon niiden renderöimiseksi.

Vaihe 3: Expressin määrittäminen staattisten tiedostojen hahmontamiseen

Käytä express.static()-menetelmää määrittääksesi hakemiston staattisille tiedostoille, jotka käyttäjä haluaa hahmontaa.

Tiedoston renderöinnissä käytetään kahta koodiskriptiä, joista yksi on taustapää, joka ottaa julkiseen kansioon sijoitetun HTML-koodin. HTML-koodi pidetään yksinkertaisena, koska pääpainomme on taustalla.

Node.js-komentosarja

konst ilmaista = vaatia ( 'ilmaista' ) ;

konst sovellus = ilmaista ( ) ;

sovellus. käyttää ( ilmaista. staattinen ( 'julkinen' ) ) ;

konst portti = 3000 ;

sovellus. kuunnella ( satama, ( ) => {

konsoli. Hirsi ( `Palvelin kuuntelee portissa $ { portti } ` ) ;

} ) ;

Tässä koodissa:

  • 'const express = vaadi ('express')' tuo komentosarjan pikamoduulin käyttääkseen sen toimintoja.
  • 'const app = express()' käynnistää sovelluksen
  • 'app.use(express.static('julkinen'))' määrittää hakemiston, josta tiedostot noudetaan ja tarjotaan niille pikasovellus niiden käyttöä ja hahmontamista varten.
  • Satama 3000 on määritelty pikasovellukselle.
  • ':app.listen(port, () =>' ilmaisee, että palvelin on aktiivinen ja kuuntelee määritettyä porttia kirjaamalla viestin lokiin.

HTML-skripti

DOCTYPE html >

< vain html = 'sisään' >

< pää >

< meta-merkkisarja = 'UTF-8' >

< meta-nimi = 'näkymä' sisältö = 'leveys = laitteen leveys, alkumittakaava = 1,0' >

< otsikko > Staattinen Esimerkki renderöimisestä otsikko >

pää >

< kehon >

< h1 > Expressin käyttö renderöimiseen Staattinen Tiedostot h1 >

kehon >

html >

Tässä koodissa tehdään vain otsikko, koska painopiste on taustassa, ei käyttöliittymässä, mutta lisätoimintoja voidaan lisätä tarpeen mukaan.

Lähtö

Suorita nyt Node.js-skripti seuraavalla koodilla:

solmusovellus. js

Päätteeseen kirjataan seuraava viesti, joka osoittaa, että palvelin on valmis ja kuuntelee porttia 3000.

Avaa selaimen paikallinen isäntäportti 3000 nähdäksesi pikamoduulin hahmontaman HTML-koodiskriptin

Siinä kaikki staattisten tiedostojen renderöimiseksi Expressissä. Katsotaanpa nyt, kuinka dynaamisia tiedostoja hahmonnetaan.

Kuinka renderöidä dynaamisia tiedostoja Expressissä?

Käyttäjät voivat renderöidä dynaamiset tiedostot Expressissä käyttämällä mallimoottoria HTML-koodin luomiseksi dynaamisesti tietojen perusteella. Alla käytetty malli on EJS (Embedded Javascript), joka on melko suosittu dynaamisten tiedostojen hahmontamisessa.

Vaihe 1: Asenna EJS

Käytä seuraavaa komentoa asentaaksesi EJS projektikansioosi

npm asenna ejs -- Tallentaa

Vaihe 2: Ota Express käyttöön EJS:llä

Määritä EJS-malli Node.js-tiedostosi näkymämoottoriksi.

//App.js

konst ilmaista = vaatia ( 'ilmaista' ) ;

konst sovellus = ilmaista ( ) ;

konst PORT = 3000 ;

sovellus. aseta ( 'katselukone' , 'ei' ) ;

sovellus. käyttää ( ilmaista. staattinen ( 'julkinen' ) ) ;

sovellus. saada ( '/käyttäjätunnus' , ( req, res ) => {

konst käyttäjätunnus = req. parametrit . id ;

konst käyttäjätiedot = {

id : käyttäjätunnus,

käyttäjätunnus : `käyttäjä$ { käyttäjätunnus } `,

sähköposti : `käyttäjä$ { käyttäjätunnus } @esimerkki. kanssa `,

} ;

res. renderöidä ( 'käyttäjä' , { käyttäjä : käyttäjätiedot } ) ;

} ) ;

sovellus. kuunnella ( SATAMA, ( ) => {

konsoli. Hirsi ( `Palvelin toimii http:llä : //localhost:${PORT}`);

} ) ;

Yllä olevan koodin suorittamat toiminnot ovat:

  • 'const express = request('express')' tuo pikamoduulin solmumoduuleista.
  • 'const app = express()' luo ilmentymän pikasovellukselle.
  • 'app.set('view engine', 'ejs')' määrittää expressin ejs-mallilla renderöimään tiedostot dynaamisesti.
  • 'app.use(express.static('public'))' mahdollistaa Node-projektin julkiseen kansioon tallennettujen staattisten tiedostojen palvelemisen.
  • 'app.get('/user/:id', (req, res) => {…})' määrittelee lainausmerkit, jotka kuuntelevat pyyntöjä.
  • 'res.render('user', { user: userData })' renderöi EJS-mallitiedostot.
  • 'app.listen(PORT, () => {…})' käynnistää palvelimen portissa 3000 ja käyttäjä voi kirjoittaa ' http://localhost:3000/user/123 ' selaimessa.

Vaihe 3: EJS-malli

Projektihakemistoon luodaan hakemisto nimeltä 'views' ja luodaan tähän kansioon EJS-mallitiedosto 'user.ejs'. Tämä tiedosto sisältää dynaamisen sisällön, jonka käyttäjä haluaa hahmontaa. Liitä seuraava koodi tähän tiedostoon

DOCTYPE html >

< vain html = 'sisään' >

< pää >

< meta-merkkisarja = 'UTF-8' >

< meta-nimi = 'näkymä' sisältö = 'leveys = laitteen leveys, alkumittakaava = 1,0' >

< otsikko > Käyttäjäprofiili otsikko >

pää >

< kehon >

< h1 > Käyttäjäprofiili h1 >

< s > käyttäjätunnus : <%= käyttäjä. id %> s >

< s > Käyttäjätunnus : <%= käyttäjä. käyttäjätunnus %> s >

< s > Sähköposti : <%= käyttäjä. sähköposti %> s >

kehon >

html >

Koska päätavoitteena on renderöidä tiedoston sisältö dynaamisesti, joten vain tarvittava etukoodi on käytetty.

Vaihe 4: Käynnistä palvelin

Käyttäjä voi nyt käynnistää pikasovelluksen käyttämällä seuraavaa koodinpätkää:

solmusovellus. js

Missä App.js on hakemistossa olevan tiedoston nimi. Tämän koodin suorittamisen jälkeen pääte antaa seuraavan viestin

Nyt käyttäjä voi käyttää linkkiä http://localhost:3000/user/123 selaimessa ja sisältö hahmonnetaan dynaamisesti muodossa

Siinä kaikki tiedoston sisällön renderöimiseksi dynaamisesti käyttämällä Node.js:n express-moduulia.

Johtopäätös

Artikkeli selittää Node.js:n alusta loppuun ja näyttää, kuinka se toimii sen non-stop ja tapahtumapohjaisen JavaScript-ajan kanssa lukuisissa tapahtumissa. Siinä tarkastellaan Expressiä, tunnettua web-rakennustyökalua, ja mainitaan myös NPM ja staattisen tai dynaamisen tiedon näyttäminen verkkosivustolla. Vaikka artikkelissa käsitellään kaikkea yksityiskohtaisesti, se on hyvä aloittelijaopas Node.js:n oppimiseen.