Node.js Express FrameWork Vadnica - Naučite se v 10 minutah

Kazalo:

Anonim

V tej vadnici bomo preučili Expressov okvir. Ta okvir je zgrajen tako, da deluje kot minimalen in prilagodljiv okvir spletnih aplikacij Node.js, ki zagotavlja močan nabor funkcij za izdelavo enojnih in večstranskih ter hibridnih spletnih aplikacij.

V tej vadnici boste izvedeli-

  • Kaj je Express.js?
  • Namestitev in uporaba Expressa
  • Kaj so poti?
  • Vzorčni spletni strežnik z uporabo express.js

Kaj je Express.js?

Express.js je ogrodje strežnika spletnih aplikacij Node js, ki je posebej zasnovano za izdelavo enostranskih, večstranskih in hibridnih spletnih aplikacij.

Postal je standardni strežniški okvir za node.js. Express je zaledni del nečesa, kar imenujemo sklad MEAN.

MEAN je brezplačen in odprtokodni paket programske opreme JavaScript za izdelavo dinamičnih spletnih mest in spletnih aplikacij, ki ima naslednje komponente;

1) MongoDB - standardna baza podatkov NoSQL

2) Express.js - privzeti okvir spletnih aplikacij

3) Angular.js - Okvir JavaScript MVC, ki se uporablja za spletne aplikacije

4) Node.js - ogrodje, ki se uporablja za razširljive strežniške in mrežne programe.

Okvir Express.js omogoča zelo enostavno razvijanje aplikacije, ki se lahko uporablja za obdelavo več vrst zahtev, kot so zahteve GET, PUT ter POST in DELETE.

Namestitev in uporaba Expressa

Express se namesti prek upravitelja paketov vozlišč. To lahko storite z izvajanjem naslednje vrstice v ukazni vrstici

npm namestite ekspresno

Zgornji ukaz od upravitelja paketov Node zahteva, da prenese zahtevane ekspresne module in jih ustrezno namesti.

Uporabite naš novo nameščeni ogrodje Express in ustvarite preprosto aplikacijo "Hello World".

Naša aplikacija bo ustvarila preprost strežniški modul, ki bo poslušal na vratih številka 3000. V našem primeru, če je prek brskalnika podana zahteva na tej številki vrat, bo strežniška aplikacija stranki poslala odgovor "Hello" World .

var express=require('express');var app=express();app.get('/',function(req,res){res.send('Hello World!');});var server=app.listen(3000,function() {});

Razlaga kode:

  1. V prvi vrstici kode uporabljamo funkcijo require, da vključimo "express module".
  2. Preden začnemo uporabljati ekspresni modul, mu moramo narediti predmet.
  3. Tu ustvarjamo funkcijo povratnega klica. Ta funkcija bo poklicana vsakič, ko bo kdo brskal do korena naše spletne aplikacije, ki je http: // localhost: 3000 . Funkcija povratnega klica bo uporabljena za pošiljanje niza "Hello World" na spletno stran.
  4. V funkciji povratnega klica odjemalcu pošljemo niz »Hello World«. Parameter 'res' se uporablja za pošiljanje vsebine nazaj na spletno stran. Ta parameter 'res' je nekaj, kar omogoča modul 'request', da omogoči pošiljanje vsebine nazaj na spletno stran.
  5. Nato s funkcijo poslušanja poslušamo, da naša strežniška aplikacija prisluhne zahtevam odjemalcev na vratih št. 3000. Tu lahko določite katera koli razpoložljiva vrata.

Če se ukaz uspešno izvede, se pri zagonu kode v brskalniku prikaže naslednji izhod.

Izhod:

Iz rezultata,

  • Jasno lahko vidite, da bomo pri brskanju do URL-ja localhost-a na vratih 3000 na strani videli niz »Hello World«.
  • Ker smo v naši kodi posebej omenili, da strežnik posluša na vratih št. 3000, si lahko med brskanjem po tem URL-ju ogledamo izhodne podatke.

Kaj so poti?

Usmerjanje določa način, na katerega se aplikacija odzove na zahtevo odjemalca do določene končne točke.

Na primer, stranka lahko poda zahtevo GET, POST, PUT ali DELETE http za različne URL-je, kot so tisti, prikazani spodaj;

http://localhost:3000/Bookshttp://localhost:3000/Students

V zgornjem primeru je

  • Če je podana zahteva GET za prvi URL, bi moral biti odgovor v idealnem primeru seznam knjig.
  • Če je zahteva GET podana za drugi URL, bi moral biti odgovor v idealnem primeru seznam študentov.
  • Na podlagi URL-ja, do katerega dostopate, bo na spletnem strežniku uporabljena drugačna funkcionalnost, zato bo odgovor poslan stranki. To je koncept usmerjanja.

Vsaka pot ima lahko eno ali več funkcij obdelovalca, ki se izvajajo, ko se pot ujema.

Splošna sintaksa za pot je prikazana spodaj

app.METHOD(PATH, HANDLER)

Pri čemer

1) app je primerek ekspresnega modula

2) METHOD je metoda zahteve HTTP (GET, POST, PUT ali DELETE)

3) PATH je pot na strežniku.

4) HANDLER je funkcija, ki se izvede, ko se ujema pot.

Oglejmo si primer, kako lahko uporabimo poti v expressu. Naš primer bo ustvaril 3 poti kot

  1. Pot A / vozlišča, ki bo prikazala niz "Vadnica na vozlišču", če je dostop do te poti
  2. A / kotna pot, ki bo prikazala niz "Vadnica za kotno", če je dostop do te poti
  3. Privzeta pot / na kateri bo prikazan niz "Dobrodošli v vajah za Guru99."

Naša osnovna koda bo ostala enaka prejšnjim primerom. Spodnji delček je dodatek za predstavitev načina izvajanja usmerjanja.

var express = require('express');var app = express();app.route('/Node').get(function(req,res){res.send("Tutorial on Node");});app.route('/Angular').get(function(req,res){res.send("Tutorial on Angular");});app.get('/',function(req,res){res.send('Welcome to Guru99 Tutorials');}));

Razlaga kode:

  1. Tu definiramo pot, če je v brskalniku izbran URL http: // localhost: 3000 / Node . Na pot prilagamo funkcijo povratnega klica, ki bo poklicana, ko brskamo po URL-ju vozlišča.

    Funkcija ima 2 parametra.

  • Glavni parameter, ki ga bomo uporabili, je parameter 'res', ki ga lahko uporabnik pošlje nazaj stranki.
  • Parameter 'req' vsebuje informacije o podani zahtevi. Včasih je mogoče poslati dodatne parametre kot del zahteve, zato lahko s parametrom 'req' poiščete dodatne parametre, ki se pošiljajo.
  1. Če je izbrana pot vozlišča, odjemalcu pošljemo niz »Vadnica na vozlišču« nazaj.
  2. Tu definiramo pot, če je v brskalniku izbran URL http: // localhost: 3000 / Angular . Na pot prilagamo funkcijo povratnega klica, ki bo poklicana, ko brskamo po Angular URL.
  3. Če izberemo kotno pot, odjemalcu pošljemo niz "Vadnica za kot" nazaj.
  4. To je privzeta pot, ki se izbere, ko nekdo brska do poti aplikacije - http: // localhost: 3000 . Ko je izbrana privzeta pot, bo stranki poslano sporočilo »Dobrodošli v vajah za Guru99«.

Če se ukaz uspešno izvede, se pri zagonu kode v brskalniku prikaže naslednji izhod.

Izhod:

Iz rezultata,

  • Jasno lahko vidite, da bomo pri brskanju do URL-ja localhost na vratih 3000 na strani videli niz »Dobrodošli v vajah Guru99«.
  • Ker smo v naši kodi omenili, da bo to sporočilo prikazal naš privzeti URL.

Iz rezultata,

  • Vidite lahko, da če je bil URL spremenjen v / Node, bo izbrana ustrezna pot Node in prikazan bo niz "Tutorial On Node".

Iz rezultata,

  • Vidite lahko, da če je bil URL spremenjen v / Angular, bo izbrana ustrezna pot vozlišča in prikazan bo niz "Tutorial On Angular".

Vzorčni spletni strežnik z uporabo express.js

Iz zgornjega primera smo videli, kako se lahko na podlagi usmerjanja odločimo, katere rezultate bomo prikazali. Tovrstno usmerjanje je tisto, kar se uporablja v večini sodobnih spletnih aplikacij. Drugi del spletnega strežnika govori o uporabi predlog v Node js.

Pri ustvarjanju hitrih aplikacij Node v načinu je preprost in hiter način uporabe predlog za aplikacijo. Na trgu je na voljo veliko okvirov za izdelavo predlog. V našem primeru bomo uporabili primer ogrodja žad za predloge.

Jade se namesti prek upravitelja paketov vozlišč. To lahko storite z izvajanjem naslednje vrstice v ukazni vrstici

npm namestite žad

Zgornji ukaz od upravitelja paketov Node zahteva, da prenese zahtevane module žada in jih ustrezno namesti.

OPOMBA: V najnovejši različici vozlišča Node je zastarel. Namesto tega uporabite mopsa.

Uporabite naš novo nameščeni okvir žada in ustvarite nekaj osnovnih predlog.

Korak 1) Prvi korak je ustvariti žadno predlogo. Ustvarite datoteko z imenom index.jade in vstavite spodnjo kodo. Datoteko ustvarite v mapi »pogledi«

  1. Tu določamo, da se bo naslov strani spremenil v katero koli vrednost, ki bo posredovana, ko bo ta predloga priklicana.
  2. Določujemo tudi, da bo besedilo v oznaki glave nadomeščeno s tistim, kar bo posredovano v predlogi žada.

var express=require('express');var app=express();app.set('view engine','jade');app.get('/',function(req,res){res.render('index',{title:'Guru99',message:'Welcome'})});var server=app.listen(3000,function() {});

Razlaga kode:

  1. V aplikaciji morate najprej navesti "pogled motorja", ki bo uporabljen za upodabljanje predlog. Ker bomo za upodabljanje predlog uporabili žad, to ustrezno določimo.
  2. Funkcija upodabljanja se uporablja za upodabljanje spletne strani. V našem primeru upodabljamo predlogo (index.jade), ki je bila prej ustvarjena.
  3. Vrednosti "Guru99" in "Dobrodošli" posredujemo parametrom "naslov" oziroma "sporočilo". Te vrednosti bodo nadomeščeni s parametroma 'title' in 'message', deklariranimi v predlogi index.jade.

Če se ukaz uspešno izvede, se pri zagonu kode v brskalniku prikaže naslednji izhod.

Izhod:

Iz rezultata,

  • Vidimo, da je naslov strani nastavljen na "Guru99", glava strani pa na "Dobrodošli".
  • To je posledica predloge žada, ki se prikliče v naši aplikaciji node js.

Povzetek

  • Ekspresni okvir je najpogostejši okvir, ki se uporablja za razvoj aplikacij Node js. Ekspresni okvir je zgrajen na ogrodju node.js in pomaga pri hitrem razvoju strežniških aplikacij.
  • Poti se uporabljajo za preusmeritev uporabnikov na različne dele spletnih aplikacij na podlagi podane zahteve. Odziv za vsako pot je lahko različen, odvisno od tega, kaj je treba pokazati uporabniku.
  • Predloge lahko uporabite za učinkovito vbrizgavanje vsebine. Jade je eden izmed najbolj priljubljenih mehanizmov za predloge, ki se uporablja v aplikacijah Node.js.