Brzi pregled
- Što je Middleware u Node.js?
- Što je Body-Parser Middleware u Node.js?
- Kako koristiti Middleware parser tijela u Node.js?
- Zaključak
Počnimo s osnovama međuprograma u Node.js.
Što je Middleware u Node.js?
Middleware je funkcija koja daje pristup traženju objekta, odgovoru na objekt i izvršavanju funkcije na sekvencijalne načine pomicanjem prema sljedećoj funkciji međuprograma u ciklusu zahtjev-odgovor aplikacije. Također pruža pristup za izmjenu objekata zahtjeva i odgovora za izvođenje operacija poput verifikacije, raščlanjivanja tijela koja zahtijevaju i još mnogo toga.
Što je Body-Parser Middleware u Node.js?
' tijelo-parser ” je posredni softver za analizu tijela koji upravlja HTTP POST zahtjevima. Zahtjev 'POST' šalje podatke poslužitelju za stvaranje ili izmjenu resursa. Srednji softver 'bode-parser' analizira dolazna tijela zahtjeva kao JavaScript objekt (ako je vrsta sadržaja aplikacije JSON) i HTML obrazac (ako je MIME vrsta application/x-www-form-urlencoded). Nakon što je to učinjeno, to se može koristiti u aplikaciji.
Nakon što smo upoznali osnove međuprograma body-parsera, prijeđimo na njegovu upotrebu.
Kako koristiti Middleware parser tijela u Node.js?
Za korištenje međuwarea body-parsera u Node.js slijedite korake uputa u nastavku:
- Korak 1: Inicijalizirajte projekt Node.js
- Korak 2: Instalirajte Body Parser
- Korak 3: Instalirajte Express i EJS
- Korak 4: Napravite EJS predložak
- Korak 5: Koristite međuware za analizu tijela
- Korak 6: implementirajte aplikaciju Node.js
Počnimo s inicijalizacijom projekta Node.js.
Korak 1: Inicijalizirajte projekt Node.js
Prvo, inicijalizirajte projekt Node.js izvršavanjem dolje navedenog ' npm (upravitelj paketa čvora)” naredba za inicijalizaciju:
npm init - iU gornjoj naredbi, ' -i' zastavica se koristi za odgovor na sve upite 'da'.
Izlaz pokazuje da je ' paket.json ” datoteka je uspješno stvorena sa sljedećim skupom svojstava:
Korak 2: Instalirajte Body Parser
Zatim instalirajte body-parser paket u trenutnu aplikaciju Node.js izvršavanjem dolje navedenog ' npm ” instalacijska naredba:
npm instalacijsko tijelo - parserDonji rezultat pokazuje da je paket body-parsera uspješno instaliran u danoj aplikaciji Node.js:
Korak 3: Instalirajte Express i EJS
Sada instalirajte ' ne (Embedded JavaScript Templating)” biblioteka u aplikaciji Node.js. 'ejs' je dobro poznati JavaScript mehanizam koji koristi Node.js koji uzima HTML podatke kao običan Javascript:
npm instalirajte ejsMože se uočiti da je biblioteka 'ejs' dodana trenutnoj aplikaciji Node.js:
Osim toga, instalirajte ' izraziti ” web okviri za brzu i jednostavnu izgradnju aplikacije Node.js:
npm instalirajte ekspresno“Express” je također dodan u aplikaciju Node.js:
Korak 4: Napravite EJS predložak
Nakon što su svi potrebni paketi instalirani, stvorite predložak 'ejs' sa sljedećim recima koda i spremite ga kao ' SampleForm.ejs ' datoteka:
DOCTYPE html >< html >
< glava >
< titula > Tijelo - Parser Middleware titula >
glava >
< tijelo >
< centar >
< h1 > Uzorak dnevnika h1 >
< oblik radnje = 'saveData' metoda = 'POST' >
< prije >
< označiti > Titula : označiti >< vrsta unosa = 'tekst' Ime = 'titula' > < br >
< označiti > Datum označiti >< vrsta unosa = 'datum' Ime = 'datum' >< br >
< označiti > Datum označiti >< vrsta unosa = 'datum' Ime = 'datum' >< br >
< vrsta unosa = 'podnijeti' vrijednost = 'Pošalji dnevnik' >< br >
prije >
oblik >
centar >
tijelo >
html >
Objašnjenje gornjeg koda je sljedeće:
- '
” oznaka određuje naslov HTML dokumenta. - '
” poravnava sadržaj u sredini web-stranice. - ' ” umeće element naslova prve razine.
- '
” stvara element obrasca koji prikuplja informacije od korisnika. Unutar elementa 'form' ' akcijski ” atribut određuje radnju koja se izvodi pri podnošenju obrasca i metoda ” atribut koji ima vrijednost “post” šalje podatke poslužitelju. - ' ” prikazuje navedene elemente na stranici s fiksnom širinom fonta kao u izvornom kodu.
- '
” oznaka specificira oznaku polja za unos. - '
” type dodaje polje za unos tipa “ tekst ' i ime ' titula ”. - Sljedeće dvije oznake “ ” dodaju polja za unos navedenih vrsta i naziva.
Korak 5: Koristite međuware za analizu tijela
Sada stvorite “.js” datoteku pod nazivom “ index.js ” i upotrijebi međuprogram za raščlanjivanje tijela za raščlanjivanje tijela svih dolaznih zahtjeva. Kada se kreira datoteka “.js”, kopirajte u nju sljedeće retke koda:
konst parser tijela = zahtijevati ( 'parser tijela' )konst izraziti = zahtijevati ( 'izraziti' )
konst staza = zahtijevati ( 'staza' )
konst aplikacija = izraziti ( )
neka LUKA = postupak. okruženje . luka || 8080
aplikacija postaviti ( 'pregledi' , staza. pridružiti ( __dirname ) )
aplikacija postaviti ( 'motor pregleda' , 'Ne' )
aplikacija koristiti ( parser tijela. urlenkodiran ( { proširena : pravi } ) )
aplikacija koristiti ( parser tijela. json ( ) )
aplikacija dobiti ( '/' , funkcija ( zahtjev, res ) {
res. prikazati ( 'Uzorak obrasca' )
} ) ;
aplikacija objaviti ( '/saveData' , ( zahtjev, res ) => {
konzola. log ( 'Korištenje Body-parsera: ' , rekv. tijelo )
} )
aplikacija slušati ( LUKA, funkcija ( greška ) {
ako ( greška ) bacanje greška
konzola. log ( 'Poslužitelj stvoren na PORT' , LUKA )
} )
Objašnjenje gore navedenih redaka koda napisano je u nastavku:
- Prvo, ' zahtijevati () ” uvozi module “body-parser”, “express” i “path” u trenutnoj aplikaciji Node.js.
- Zatim kreirajte instancu ekspresne aplikacije uz pomoć ' izraziti() ” konstruktor.
- Nakon toga, ' proces.env ” svojstvo izvršava lokalni poslužitelj na zadanom “ LUKA ”. Ako je zadani port zauzet tada će poslužitelj izvršiti na navedenom portu koji je ' 8080 ”.
- Sada postavite mehanizam za prikaz uz pomoć navedenog međuprograma u kojem 'pogledi' označavaju mapu u kojoj su spremljene sve web stranice i ' path.join() ” spaja segmente staze trenutnog direktorija i stvara jednu stazu.
- Kada je sve gotovo, ' app.use() ” metoda stavlja navedeni “ tijelo-parser ” međuprogram na zadanoj stazi. Ovaj međuware parser tijela koristi ' urlenkodiran ” parser koji analizira samo “urlencoded” tijela čije se zaglavlje “content-type” podudara s opcijom “type”.
- Drugi 'parser tijela' koristi ' JSON ” parser za raščlanjivanje tijela dolaznih zahtjeva kao JSON objekt u formatu ključ-vrijednost.
- ' app.get() ' metoda šalje HTTP 'GET' zahtjev na navedenom putu i izvršava funkciju povratnog poziva koja ima ' zahtijevati (zahtjev)', i ' res (odgovoriti)” parametre.
- Unutar funkcije povratnog poziva, ' res.render() ” metoda prikazuje odgovor kada se izvrši navedena funkcija povratnog poziva.
- Metoda “app.post()” šalje HTTP “POST” zahtjev koji je sigurniji jer ne prikazuje podatke u URL-u. Također definira funkciju povratnog poziva koja koristi ' zahtijevano tijelo ” za dobivanje podataka iz polja za unos.
- Na kraju, ' app.listen() ” metoda gradi vezu na navedenom portu i definira funkciju povratnog poziva. U ovoj funkciji, ' ako ” izbacuje pogrešku ako se dogodi tijekom izvođenja programa, a “ konzola.log() ” prikazuje izjavu potvrde na konzoli.
Korak 6: implementirajte aplikaciju Node.js
Konačno, implementirajte Node.js aplikaciju uz pomoć ' čvor ” na ovaj način:
indeks čvora. js
Izvršenje gornje naredbe prikazuje poruku potvrde da je poslužitelj uspješno kreiran na navedenom portu:
Sada posjetite sljedeći URL http://localhost:8080 vidjeti ogledni dnevnik. Na web stranici “Uzorak dnevnika” ispunite sva polja za unos i kliknite na “ Pošalji dnevnik ” za spremanje sadržaja:
Može se uočiti da nakon podnošenja informacija terminal automatski prikazuje sva tijela HTML elemenata korištenih u 'Dnevniku uzorka' kao JSON objekt:
To je sve o korištenju body-parser middleware-a u Node.js.
Zaključak
Za korištenje ' tijelo-parser ' u Node.js koristite ' urlenkodiran ' i ' JSON ” parseri koji analiziraju tijelo svih dolaznih zahtjeva i prikazuju ih kao JSON objekt. On rukuje tijelima 'POST' zahtjeva i analizira ih kako bi dohvatio sadržaj svih elemenata korištenih u HTML dokumentu. Omogućuje jednostavan i najlakši način obrade datuma koji šalje tijelo dolaznog HTTP zahtjeva. Ovaj post je praktično demonstrirao korištenje body-parser middleware-a u Node.js.