Quick Outline
- Mikä on Node.js:n väliohjelmisto?
- Mikä on Node.js:n Body-Parser Middleware?
- Kuinka käyttää Body-parser Middlewarea Node.js:ssä?
- Johtopäätös
Aloitetaan Node.js:n väliohjelmiston perusteista.
Mikä on Node.js:n väliohjelmisto?
Väliohjelmisto on toiminto, joka antaa pääsyn pyytää objektia, vastata objektiin ja suorittaa toiminnon peräkkäin siirtymällä kohti seuraavaa väliohjelmistotoimintoa sovelluspyyntö-vastausjaksossa. Se tarjoaa myös pääsyn pyyntö- ja vastausobjektien muokkaamiseen suorittaakseen toimintoja, kuten varmennusta, pyynnön esittävien elinten jäsentämistä ja paljon muuta.
Mikä on Node.js:n Body-Parser Middleware?
' kehon jäsentäjä ” on rungon jäsentämisen väliohjelmisto, joka hallitsee HTTP POST -pyyntöjä. 'POST'-pyyntö lähettää tiedot palvelimelle resurssin luomista tai muokkaamista varten. 'Bode-parser'-väliohjelmisto jäsentää saapuvat pyyntörungot JavaScript-objektina (jos sovelluksen sisältötyyppi on JSON) ja HTML-lomakkeena (jos MIME-tyyppi on application/x-www-form-urlencoded ). Kun se on tehty, sitä voidaan käyttää sovelluksessa.
Kun olet saanut body-parser-väliohjelmiston perusteet, siirrytään sen käyttöön.
Kuinka käyttää Body-parser Middlewarea Node.js:ssä?
Käytä Node.js:ssä body-parser-väliohjelmistoa noudattamalla alla olevia ohjeita:
- Vaihe 1: Alusta Node.js-projekti
- Vaihe 2: Asenna Body Parser
- Vaihe 3: Asenna Express ja EJS
- Vaihe 4: Luo EJS-malli
- Vaihe 5: Käytä Body Parser Middlewarea
- Vaihe 6: Ota Node.js-sovellus käyttöön
Aloitetaan Node.js-projektin alustamisesta.
Vaihe 1: Alusta Node.js-projekti
Alusta ensin Node.js-projekti suorittamalla alla mainittu ' npm (solmupakettien hallinta)' alustuskomento:
npm init - jaYllä olevassa komennossa ' -ja' lippua käytetään vastaamaan kaikkiin kyselyihin 'kyllä'.
Tulos osoittaa, että ' package.json ”-tiedosto on luotu onnistuneesti, ja se sisältää seuraavat ominaisuudet:
Vaihe 2: Asenna Body Parser
Asenna seuraavaksi body-parser-paketti nykyiseen Node.js-sovellukseen suorittamalla alla mainittu ' npm 'asennuskomento:
npm asennusrunko - jäsentäjäAlla oleva tulos osoittaa, että body-parser-paketti on asennettu onnistuneesti annettuun Node.js-sovellukseen:
Vaihe 3: Asenna Express ja EJS
Asenna nyt ' ei (Embedded JavaScript Templating)” -kirjasto Node.js-sovelluksessa. 'ejs' on Node.js:n käyttämä hyvämaineinen JavaScript-moottori, joka ottaa HTML-tiedot tavallisena Javascriptinä:
npm asenna ejsVoidaan havaita, että 'ejs'-kirjasto on lisätty nykyiseen Node.js-sovellukseen:
Asenna lisäksi ' ilmaista ” web-kehysten avulla Node.js-sovelluksen rakentaminen nopeasti ja helposti:
npm install express'Express' on myös lisätty Node.js-sovellukseen:
Vaihe 4: Luo EJS-malli
Kun kaikki tarvittavat paketit on asennettu, luo 'ejs'-malli, jossa on seuraavat koodirivit ja tallenna se nimellä ' SampleForm.ejs 'tiedosto:
DOCTYPE html >< html >
< pää >
< otsikko > Runko - Jäsentäjä Väliohjelmisto otsikko >
pää >
< kehon >
< keskusta >
< h1 > Mallipäiväkirja h1 >
< muodon toiminta = 'Tallenna' menetelmä = 'LÄHETTÄÄ' >
< pre >
< etiketti > Otsikko : etiketti >< syötteen tyyppi = 'teksti' nimi = 'titteli' > < br >
< etiketti > Päivämäärä etiketti >< syötteen tyyppi = 'Päivämäärä' nimi = 'Päivämäärä' >< br >
< etiketti > Päivämäärä etiketti >< syötteen tyyppi = 'Päivämäärä' nimi = 'Päivämäärä' >< br >
< syötteen tyyppi = 'Lähetä' arvo = 'Lähetä päiväkirja' >< br >
pre >
muodossa >
keskusta >
kehon >
html >
Yllä olevan koodin selitys on seuraava:
- '
” -tunniste määrittää HTML-asiakirjan otsikon. - '
” -tunniste kohdistaa sisällön verkkosivun keskelle. - ' ” -tunniste lisää ensimmäisen tason otsikkoelementin.
- '
” -tunniste luo lomakeelementin, joka kerää tietoja käyttäjältä. 'Form'-elementin sisällä ' toiminta '-attribuutti määrittää toiminnon, joka suoritetaan lomakkeen lähetyksen yhteydessä ja ' menetelmä '-attribuutti, jolla on 'post'-arvo, lähettää tiedot palvelimelle. - ' ” -tunniste näyttää määritetyt elementit sivulla, joiden kiinteä kirjasinleveys on sama kuin lähdekoodissa.
- '
” -tunniste määrittää syöttökentän nimen. - '
' tyyppi lisää tyypin ' syöttökentän teksti 'ja nimi' otsikko ”. - Kaksi seuraavaa ' ' -tunnistetta lisäävät määritettyjen tyyppien ja nimien syöttökentät.
Vaihe 5: Käytä Body Parser Middlewarea
Luo nyt '.js'-tiedosto nimeltä ' index.js ” ja käytä siinä olevaa body-parser-väliohjelmistoa jäsentämään kaikkien saapuvien pyyntöjen rungot. Kun .js-tiedosto on luotu, kopioi siihen seuraavat koodirivit:
konst bodyparser = vaatia ( 'body-parser' )konst ilmaista = vaatia ( 'ilmaista' )
konst polku = vaatia ( 'polku' )
konst sovellus = ilmaista ( )
anna PORT = käsitellä asiaa. env . portti || 8080
sovellus. aseta ( 'näkemykset' , polku. liittyä seuraan ( __dirname ) )
sovellus. aseta ( 'katselukone' , 'ei' )
sovellus. käyttää ( bodyparser. URL-koodattu ( { laajennettu : totta } ) )
sovellus. käyttää ( bodyparser. json ( ) )
sovellus. saada ( '/' , toiminto ( req, res ) {
res. renderöi ( 'Näytelomake' )
} ) ;
sovellus. lähettää ( '/Tallenna' , ( req, res ) => {
konsoli. Hirsi ( 'Käytetään Body-jäsennintä: ' , req. kehon )
} )
sovellus. kuunnella ( PORTTI, toiminto ( virhe ) {
jos ( virhe ) heittää virhe
konsoli. Hirsi ( 'Palvelin luotu porttiin' , PORTTI )
} )
Yllä mainittujen koodirivien selitys on kirjoitettu alla:
- Ensinnäkin ' vaatia() ' -menetelmä tuo 'body-parser', 'express' ja 'path'-moduulit nykyiseen Node.js-sovellukseen.
- Luo seuraavaksi pikasovelluksen esiintymä ' ilmaista() ”rakentaja.
- Sen jälkeen ' process.env '-ominaisuus suorittaa paikallisen palvelimen oletusasetuksessa' PORT ”. Jos oletusportti on varattu, palvelin suorittaa sen määritetyssä portissa, joka on ' 8080 ”.
- Asenna nyt näkymämoottori määritetyn väliohjelmiston avulla, jossa 'näkymät' tarkoittaa kansiota, johon kaikki verkkosivut on tallennettu ja ' path.join() ” -menetelmä yhdistää nykyisen hakemiston polkusegmentit ja luo yhden polun.
- Kun kaikki on tehty, ' app.use() '-menetelmä asettaa määritetyn' kehon jäsentäjä ”väliohjelmisto annetulla polulla. Tämä kehon jäsennyksen väliohjelmisto käyttää ' URL-koodattu -jäsennin, joka jäsentää vain 'urlencoded'-kappaleet, joiden 'content-type'-otsikko vastaa 'type'-vaihtoehtoa.
- Toinen 'kappaleen jäsentäjä' käyttää ' JSON ” jäsentäjä jäsentääkseen saapuvien pyyntöjen rungot JSON-objektina avainarvomuodossa.
- ' app.get() ' -menetelmä lähettää HTTP 'GET' -pyynnön määritetylle polulle ja suorittaa takaisinsoittotoiminnon, jolla on ' req (pyyntö)' ja ' res (vastaa)' -parametreja.
- Takaisinsoittotoiminnon sisällä ' res.render() ” -menetelmä tuottaa vastauksen, kun määritetty takaisinsoittotoiminto suoritetaan.
- 'app.post()'-menetelmä lähettää HTTP 'POST'-pyynnön, joka on turvallisempi, koska se ei näytä tietoja URL-osoitteessa. Se määrittää myös takaisinsoittotoiminnon, joka käyttää ' req.body ” saadaksesi tiedot syöttökentistä.
- Lopuksi ' app.listen() ” -menetelmä rakentaa yhteyden määritettyyn porttiin ja määrittää takaisinsoittotoiminnon. Tässä toiminnossa ' jos '-käsky antaa virheen, jos se tapahtuu ohjelman suorituksen aikana, ja ' console.log() ' näyttää vahvistuslausekkeen konsolissa.
Vaihe 6: Ota Node.js-sovellus käyttöön
Ota lopuksi Node.js-sovellus käyttöön '' solmu ' avainsana tällä tavalla:
solmuindeksi. js
Yllä olevan komennon suorittaminen näyttää vahvistusviestin, että palvelin on luotu määritettyyn porttiin onnistuneesti:
Siirry nyt seuraavaan URL-osoitteeseen http://localhost:8080 nähdäksesi näytepäiväkirjan. Täytä 'Sample Diary' -verkkosivulla kaikki syöttökentät ja napsauta ' Lähetä päiväkirja ”-painiketta tallentaaksesi sisällön:
Voidaan havaita, että tietojen lähettämisen jälkeen pääte näyttää automaattisesti kaikki 'Näytepäiväkirjassa' käytettyjen HTML-elementtien rungot JSON-objektina:
Siinä on kyse body-parser-väliohjelmiston käytöstä Node.js:ssä.
Johtopäätös
Käyttääksesi ' kehon jäsentäjä ' Node.js:ssa käytä ' URL-koodattu ' ja ' JSON ” jäsentimiä, jotka jäsentävät kaikkien saapuvien pyyntöjen rungon ja näyttävät ne JSON-objektina. Se käsittelee 'POST'-pyyntöjen rungot ja jäsentää ne kaikkien HTML-dokumentissa käytettyjen elementtien sisällön hakemiseksi. Se tarjoaa yksinkertaisen ja helpoimman tavan käsitellä saapuvan HTTP-pyynnön rungon lähettämä päivämäärä. Tämä viesti on käytännössä osoittanut body-parser-väliohjelmiston käytön Node.js:ssä.