Hurtig disposition
- Hvad er Middleware i Node.js?
- Hvad er Body-Parser Middleware i Node.js?
- Hvordan bruger man Body-parser Middleware i Node.js?
- Konklusion
Lad os starte med det grundlæggende i middleware i Node.js.
Hvad er Middleware i Node.js?
Mellemvare er en funktion, der giver adgang til at anmode om et objekt, reagere på et objekt og udføre funktionen på sekventielle måder ved at bevæge sig mod den næste middleware-funktion i applikationens anmodning-svar-cyklus. Det giver også adgang til at ændre anmodnings- og svarobjekterne for at udføre operationer som verifikation, parsing af anmodende organer og meget mere.
Hvad er Body-Parser Middleware i Node.js?
Det ' krop-parser ” er en body-parsing middleware, der administrerer HTTP POST-anmodningerne. 'POST'-anmodningen sender dataene til en server for at oprette eller ændre ressourcen. 'bode-parser'-middlewaren analyserer de indgående anmodningskroppe som et JavaScript-objekt (hvis applikationens indholdstype er JSON) og HTML-formularen (hvis MIME-typen er application/x-www-form-urlencoded ). Når det er gjort, kan det bruges i en applikation.
Efter at have fået det grundlæggende i body-parser-middlewaren, lad os springe ind i dets brug.
Hvordan bruger man Body-parser Middleware i Node.js?
Følg nedenstående instruktioner for at bruge body-parser middleware i Node.js:
- Trin 1: Initialiser et Node.js-projekt
- Trin 2: Installer Body Parser
- Trin 3: Installer Express og EJS
- Trin 4: Opret en EJS-skabelon
- Trin 5: Brug Body Parser Middleware
- Trin 6: Implementer Node.js-applikationen
Lad os starte med initialiseringen af Node.js-projektet.
Trin 1: Initialiser et Node.js-projekt
Initialiser først Node.js-projektet ved at udføre nedenstående ' npm (node pakke manager)' initialiseringskommando:
npm init - ogI ovenstående kommando, ' -og' flag bruges til at besvare alle spørgsmålene 'ja'.
Outputtet viser, at ' package.json ” fil er oprettet med succes, der indeholder følgende sæt egenskaber:
Trin 2: Installer Body Parser
Installer derefter body-parser-pakken i den aktuelle Node.js-applikation ved at udføre nedenstående ' npm ” installationskommando:
npm installere krop - parserNedenstående output viser, at body-parser-pakken er blevet installeret med succes i den givne Node.js-applikation:
Trin 3: Installer Express og EJS
Installer nu ' ikke (Embedded JavaScript Templating)'-bibliotek i Node.js-applikationen. 'ejs' er den velrenommerede JavaScript-motor, der bruges af Node.js, der tager HTML-dataene som almindeligt Javascript:
npm install ejsDet kan observeres, at 'ejs'-biblioteket er blevet tilføjet til den aktuelle Node.js-applikation:
Derudover skal du installere ' udtrykke ” web-rammer til at bygge Node.js-applikationen hurtigt og nemt:
npm install Express'Express' er også blevet tilføjet til Node.js-applikationen:
Trin 4: Opret en EJS-skabelon
Når alle de nødvendige pakker er installeret, skal du oprette en 'ejs' skabelon med følgende kodelinjer og gem den som en ' SampleForm.ejs ' fil:
DOCTYPE html >< html >
< hoved >
< titel > Legeme - Parser Mellemvare titel >
hoved >
< legeme >
< centrum >
< h1 > Eksempel dagbog h1 >
< form handling = 'gem data' metode = 'STOLPE' >
< præ >
< etiket > Titel : etiket >< input type = 'tekst' navn = 'titel' > < br >
< etiket > Dato etiket >< input type = 'dato' navn = 'dato' >< br >
< etiket > Dato etiket >< input type = 'dato' navn = 'dato' >< br >
< input type = 'Indsend' værdi = 'Send dagbog' >< br >
præ >
form >
centrum >
legeme >
html >
Forklaringen af ovenstående kode er som følger:
- Det '
” tag angiver titlen på HTML-dokumentet. - Det '
” tag justerer indholdet i midten af websiden. - Det ' ” tag indsætter et overskriftselement på første niveau.
- Det ' ” tag opretter et formularelement, der indsamler oplysninger fra brugeren. Inde i 'form'-elementet ' handling '-attribut angiver den handling, der udføres ved formularindsendelse og ' metode ”-attribut med en “post”-værdi sender data til serveren.
- Det ' ” tag viser de angivne elementer på siden med den faste skriftbredde på samme måde som i kildekoden.
- Det ' ” tag angiver etiketten for inputfeltet.
- Det ' ' type tilføjer inputfeltet af typen ' tekst ' og navnet ' titel ”.
- De næste to ' '-tags tilføjer inputfelterne for de angivne typer og navne.
Trin 5: Brug Body Parser Middleware
Opret nu en '.js' fil med navnet ' index.js ” og brug body-parser-middlewaren i den til at parse kroppen af alle de indkommende anmodninger. Når '.js'-filen er oprettet, skal du kopiere følgende kodelinjer i den:
konst bodyparser = kræve ( 'body-parser' )konst udtrykke = kræve ( 'udtrykke' )
konst sti = kræve ( 'sti' )
konst app = udtrykke ( )
lad PORT = behandle. env . Havn || 8080
app. sæt ( 'visninger' , sti. tilslutte ( __dirnavn ) )
app. sæt ( 'se motor' , 'ingen' )
app. brug ( bodyparser. urlenkodet ( { udvidet : rigtigt } ) )
app. brug ( bodyparser. json ( ) )
app. få ( '/' , funktion ( kræve, res ) {
res. gengive ( 'SampleForm' )
} ) ;
app. stolpe ( '/saveData' , ( kræve, res ) => {
konsol. log ( 'Brug af Body-parser: ' , krævet. legeme )
} )
app. Hør efter ( PORT, funktion ( fejl ) {
hvis ( fejl ) kaste fejl
konsol. log ( 'Server oprettet på PORT' , HAVN )
} )
Forklaringen af de ovennævnte kodelinjer er skrevet nedenfor:
- For det første er ' kræve() ”-metoden importerer modulerne “body-parser”, “express” og “path” i den aktuelle Node.js-applikation.
- Opret derefter en forekomst af ekspresapplikationen ved hjælp af ' udtrykke() ” konstruktør.
- Derefter vil ' proces.env ' egenskab udfører den lokale server på standard ' HAVN ”. Hvis standardporten er optaget, vil serveren køre på den angivne port, som er ' 8080 ”.
- Opsæt nu visningsmotoren ved hjælp af den angivne middleware, hvor 'visningerne' angiver mappen, hvor alle websider er gemt, og ' path.join() ”-metoden forbinder stisegmenterne i den aktuelle mappe og opretter en enkelt sti.
- Når alt er gjort, vil ' app.use() ”-metoden sætter den angivne ” krop-parser ” middleware på den givne vej. Denne body-parser middleware bruger ' urlenkodet ” parser, der kun analyserer de “urlenkodede” kroppe, hvis “content-type” header matcher med “type”-indstillingen.
- Den anden 'body parser' bruger ' JSON ” parser til at parse kroppen af indgående anmodninger som et JSON-objekt i nøgleværdi-formatet.
- Det ' app.get() '-metoden sender HTTP 'GET'-anmodningen på den angivne sti og udfører en tilbagekaldsfunktion med ' req (anmodning)', og ' res (svarer)” parametre.
- Inde i tilbagekaldsfunktionen er ' res.render() ”-metoden gengiver svaret, når den angivne tilbagekaldsfunktion udføres.
- Metoden 'app.post()' sender HTTP 'POST'-anmodningen, som er mere sikker, fordi den ikke viser dataene i URL'en. Den definerer også en tilbagekaldsfunktion, der bruger ' req.body ” for at hente data fra inputfelter.
- Til sidst, ' app.listen() ”-metoden bygger en forbindelse på den angivne port og definerer tilbagekaldsfunktionen. I denne funktion er ' hvis '-sætningen kaster en fejl, hvis den opstår under programafviklingen, og ' console.log() ” viser bekræftelseserklæringen på konsollen.
Trin 6: Implementer Node.js-applikationen
Til sidst skal du implementere Node.js-applikationen ved hjælp af ' node ” søgeord på denne måde:
node indeks. js
Udførelsen af ovenstående kommando viser en bekræftelsesmeddelelse om, at serveren er oprettet på den angivne port med succes:
Besøg nu følgende URL http://localhost:8080 for at se prøvedagbogen. På websiden 'Sample Diary' udfyldes alle indtastningsfelterne, og klik på ' Indsend dagbog knappen for at gemme indholdet:
Det kan observeres, at efter indsendelse af oplysningerne, viser terminalen automatisk alle kroppe af HTML-elementerne, der bruges i 'Sample Diary' som et JSON-objekt:
Det handler om at bruge body-parser-middleware i Node.js.
Konklusion
For at bruge ' krop-parser ' i Node.js bruge ' urlenkodet ' og ' JSON ”-parsere, der analyserer brødteksten af alle indgående anmodninger og viser dem som et JSON-objekt. Den håndterer 'POST'-anmodningsorganerne og analyserer dem for at hente indholdet af alle de elementer, der bruges i HTML-dokumentet. Det giver en enkel og nemmeste måde at behandle datoen sendt af den indgående HTTP-anmodningsinstans. Dette indlæg har praktisk talt demonstreret brugen af body-parser-middlewaren i Node.js.