Kā lietot Body-parser starpprogrammatūru pakalpojumā Node.js?

Ka Lietot Body Parser Starpprogrammaturu Pakalpojuma Node Js



Strādājot ar HTTP POST pieprasījumiem, “ķermeņa parsēšanas” tehnikai ir nozīmīga loma viņu ķermeņa apstrādē. Tas ļauj lietotājiem parsēt ienākošo pieprasījumu struktūras, lai tās modificētu atbilstoši prasībām. Šis paņēmiens parsē virknes pieprasījuma pamattekstu JavaScript JSON objektā, ko var izmantot lietojumprogrammā Node.js.

Ātrā kontūra

Sāksim ar starpprogrammatūras pamatiem pakalpojumā Node.js.







Kas ir starpprogrammatūra pakalpojumā Node.js?

Starpprogrammatūra ir funkcija, kas nodrošina piekļuvi, lai pieprasītu objektu, atbildētu uz objektu un izpildītu funkciju secīgā veidā, pārejot uz nākamo starpprogrammatūras funkciju lietojumprogrammas pieprasījuma-atbildes ciklā. Tas arī nodrošina piekļuvi pieprasījuma un atbildes objektu modificēšanai, lai veiktu tādas darbības kā verifikācija, pieprasījuma iesniedzēju struktūru parsēšana un daudz ko citu.



Kas ir Body-Parser starpprogrammatūra pakalpojumā Node.js?

' ķermeņa parsētājs ” ir ķermeņa parsēšanas starpprogrammatūra, kas pārvalda HTTP POST pieprasījumus. “POST” pieprasījums nosūta datus serverim, lai izveidotu vai modificētu resursu. “Bode-parser” starpprogrammatūra parsē ienākošo pieprasījumu pamattekstus kā JavaScript objektu (ja lietojumprogrammas satura tips ir JSON) un HTML formu (ja MIME tips ir application/x-www-form-urlencoded ). Kad tas ir izdarīts, to var izmantot lietojumprogrammā.



Kad esat apguvis ķermeņa parsētāja starpprogrammatūras pamatus, pāriesim pie tās lietojuma.





Kā lietot Body-parser starpprogrammatūru pakalpojumā Node.js?

Lai pakalpojumā Node.js izmantotu ķermeņa parsētāja starpprogrammatūru, izpildiet tālāk norādītās instrukciju darbības.

Sāksim ar projekta Node.js inicializāciju.



1. darbība. Inicializējiet projektu Node.js

Pirmkārt, inicializējiet Node.js projektu, izpildot tālāk norādīto “ npm (mezgla pakotņu pārvaldnieks)” inicializācijas komanda:

npm init - un

Iepriekš minētajā komandā ' -un' karodziņš tiek izmantots, lai atbildētu uz visiem jautājumiem “jā”.

Izvade parāda, ka “ pack.json ” fails ir veiksmīgi izveidots ar šādu rekvizītu kopu:

2. darbība. Instalējiet Body Parser

Pēc tam instalējiet body-parser pakotni pašreizējā Node.js lietojumprogrammā, izpildot tālāk norādīto ' npm ” instalēšanas komanda:

npm instalējiet korpusu - parsētājs

Tālāk redzamā izvade parāda, ka ķermeņa parsētāja pakotne ir veiksmīgi instalēta attiecīgajā Node.js lietojumprogrammā:

3. darbība. Instalējiet Express un EJS

Tagad instalējiet ' (Iegultā JavaScript veidne)” bibliotēkā lietojumprogrammā Node.js. “ejs” ir labi pazīstams JavaScript dzinējs, ko izmanto Node.js un kas HTML datus izmanto kā vienkāršu Javascript:

npm instalēt ejs

Var novērot, ka pašreizējai Node.js lietojumprogrammai ir pievienota bibliotēka “ejs”:

Turklāt instalējiet ' izteikt ” tīmekļa ietvarus, lai ātri un vienkārši izveidotu lietojumprogrammu Node.js:

npm install express

“Express” ir pievienots arī lietojumprogrammai Node.js:

4. darbība. Izveidojiet EJS veidni

Kad visas nepieciešamās pakotnes ir instalētas, izveidojiet 'ejs' veidni ar šādām koda rindām un saglabājiet to kā ' SampleForm.ejs ” fails:

DOCTYPE html >
< html >
< galvu >
< virsraksts > Ķermenis - Parsētājs Starpprogrammatūra virsraksts >
galvu >

< ķermeni >
< centrs >
< h1 > Dienasgrāmatas paraugs h1 >
< formas darbība = 'saveData' metodi = 'POSTĪT' >
< iepriekš >
< etiķete > Nosaukums : etiķete >< ievades veids = 'teksts' nosaukums = 'nosaukums' > < br >
< etiķete > Datums etiķete >< ievades veids = 'datums' nosaukums = 'datums' >< br >
< etiķete > Datums etiķete >< ievades veids = 'datums' nosaukums = 'datums' >< br >
< ievades veids = 'Iesniegt' vērtību = 'Iesniegt dienasgrāmatu' >< br >
iepriekš >

formā >
centrs >
ķermeni >
html >

Iepriekš minētā koda skaidrojums ir šāds:

  • ' ” tags norāda HTML dokumenta nosaukumu.
  • ' ” tags izlīdzina saturu tīmekļa lapas centrā.
  • '

    ” tags ievieto pirmā līmeņa virsraksta elementu.

  • '
    ” tags izveido formas elementu, kas apkopo informāciju no lietotāja. Elementa “forma” iekšpusē ir “ darbība ' atribūts norāda darbību, kas tiek veikta, iesniedzot veidlapu, un ' metodi ” atribūts ar “post” vērtību nosūta datus uz serveri.
  • ' ” tags parāda norādītos elementus lapā, kuru fiksētais fonta platums ir tāds pats kā avota kodā.
  • ' ” tags norāda ievades lauka etiķeti.
  • ' ' tips pievieno ievades lauku tipa ' tekstu 'un nosaukums' virsraksts ”.
  • Nākamie divi tagi “ ” pievieno norādīto veidu un nosaukumu ievades laukus.

5. darbība. Izmantojiet Body Parser starpprogrammatūru

Tagad izveidojiet “.js” failu ar nosaukumu “ index.js ” un izmantojiet tajā esošo body-parser starpprogrammatūru, lai parsētu visu ienākošo pieprasījumu pamattekstus. Kad fails “.js” ir izveidots, kopējiet tajā šādas koda rindas:

konst ķermeņa parsētājs = pieprasīt ( 'ķermeņa parsētājs' )
konst izteikt = pieprasīt ( 'izteikt' )
konst ceļš = pieprasīt ( 'ceļš' )
konst lietotne = izteikt ( )
lai PORT = process. env . osta || 8080
lietotne. komplekts ( 'skati' , ceļš. pievienoties ( __dirname ) )
lietotne. komplekts ( 'skatīšanas dzinējs' , 'Nē' )
lietotne. izmantot ( ķermeņa parsētājs. urlencoded ( { pagarināts : taisnība } ) )
lietotne. izmantot ( ķermeņa parsētājs. json ( ) )
lietotne. gūt ( '/' , funkcija ( req, res ) {
res. renderēt ( 'Parauga veidlapa' )
} ) ;
lietotne. pastu ( '/saveData' , ( req, res ) => {
konsole. žurnāls ( 'Izmantojot ķermeņa parsētāju:' , req. ķermeni )
} )
lietotne. klausies ( PORTS, funkcija ( kļūda ) {
ja ( kļūda ) mest kļūda
konsole. žurnāls ( 'Serveris izveidots PORT' , OST )
} )

Iepriekš minēto koda rindu skaidrojums ir rakstīts zemāk:

  • Pirmkārt, ' prasīt () ” metode importē moduļus “body-parser”, “express” un “path” pašreizējā Node.js lietojumprogrammā.
  • Pēc tam izveidojiet ātrās lietojumprogrammas gadījumu, izmantojot ' izteikt () ” konstruktors.
  • Pēc tam ' process.env rekvizīts izpilda vietējo serveri pēc noklusējuma PORTA ”. Ja noklusējuma ports ir aizņemts, serveris tiks izpildīts norādītajā portā, kas ir ' 8080 ”.
  • Tagad iestatiet skatīšanas programmu, izmantojot norādīto starpprogrammatūru, kurā “skati” apzīmē mapi, kurā tiek saglabātas visas tīmekļa lapas, un “ path.join() ” metode savieno pašreizējā direktorija ceļa segmentus un izveido vienu ceļu.
  • Kad viss ir izdarīts, “ app.use() ' metode ievieto norādīto ' ķermeņa parsētājs ” starpprogrammatūra norādītajā ceļā. Šī ķermeņa parsētāja starpprogrammatūra izmanto ' urlencoded ” parsētājs, kas parsē tikai “urlencoded” korpusus, kuru galvene “content-type” atbilst opcijai “type”.
  • Otrais “ķermeņa parsētājs” izmanto “ JSON ” parsētājs, lai parsētu ienākošo pieprasījumu pamattekstus kā JSON objektu atslēgas vērtības formātā.
  • ' app.get() ” metode nosūta HTTP “GET” pieprasījumu uz norādīto ceļu un izpilda atzvanīšanas funkciju ar “ req (pieprasījums)' un ' res (atbildēt)” parametriem.
  • Atzvanīšanas funkcijā “ res.render() ” metode sniedz atbildi, kad tiek izpildīta norādītā atzvanīšanas funkcija.
  • Metode “app.post()” nosūta HTTP “POST” pieprasījumu, kas ir drošāks, jo nerāda datus vietrādī URL. Tas arī definē atzvanīšanas funkciju, kas izmanto “ req.body ”, lai iegūtu datus no ievades laukiem.
  • Visbeidzot, ' app.listen() ” metode izveido savienojumu norādītajā portā un definē atzvanīšanas funkciju. Šajā funkcijā “ ja ' paziņojums rada kļūdu, ja tā rodas programmas izpildes laikā, un ' console.log() ” parāda apstiprinājuma paziņojumu konsolē.

6. darbība. Izvietojiet lietojumprogrammu Node.js

Visbeidzot, izvietojiet lietojumprogrammu Node.js, izmantojot “ mezgls ” atslēgvārds šādā veidā:



mezglu indekss. js

Iepriekš minētās komandas izpilde parāda apstiprinājuma ziņojumu, ka serveris ir veiksmīgi izveidots norādītajā portā:

Tagad apmeklējiet šo URL http://localhost:8080 lai redzētu dienasgrāmatas paraugu. Web lapā “Parauga dienasgrāmata” aizpildiet visus ievades laukus un noklikšķiniet uz “ Iesniegt dienasgrāmatu ” pogu, lai saglabātu saturu:

Var novērot, ka pēc informācijas iesniegšanas terminālis automātiski parāda visus “Parauga dienasgrāmatā” izmantoto HTML elementu korpusus kā JSON objektu:

Tas viss attiecas uz ķermeņa parsētāja starpprogrammatūras izmantošanu pakalpojumā Node.js.

Secinājums

Lai izmantotu ' ķermeņa parsētājs 'Node.js izmantojiet ' urlencoded ” un „ JSON ” parsētāji, kas parsē visu ienākošo pieprasījumu pamattekstu un parāda tos kā JSON objektu. Tas apstrādā “POST” pieprasījumu pamattekstus un parsē tos, lai izgūtu visu HTML dokumentā izmantoto elementu saturu. Tas nodrošina vienkāršu un vienkāršāko veidu, kā apstrādāt datumu, ko nosūtījis ienākošā HTTP pieprasījuma pamatteksts. Šī ziņa ir praktiski demonstrējusi ķermeņa parsētāja starpprogrammatūras izmantošanu vietnē Node.js.