Vodič za Node.js Express FrameWork – naučite u 10 minuta

U ovom vodiču proučavat ćemo okvir Express. Ovaj okvir izgrađen je na takav način da djeluje kao minimalan i fleksibilan Node.js okvir web aplikacije, pružajući robustan skup značajki za izgradnju jedne i više stranica te hibridne web aplikacije.

Što je Express.js?

Express.js je okvir poslužitelja web aplikacija Node js koji je posebno dizajniran za izgradnju jednostraničkih, višestraničkih i hibridnih web aplikacija.

Postao je standardni poslužiteljski okvir za node.js. Express je pozadinski dio nečega poznatog kao MEAN stog.

MEAN je besplatan i otvorenog koda JavaScript softverski skup za izradu dinamičkih web stranica i web aplikacija koji ima sljedeće komponente;

1) MongoDB – Standardna NoSQL baza podataka

2) Express.js – Zadani okvir za web aplikacije

3) Angular.js - JavaSkripta MVC okvir koji se koristi za web aplikacije

4) Node.js – Okvir koji se koristi za skalabilne poslužiteljske i mrežne aplikacije.

Okvir Express.js vrlo olakšava razvoj aplikacije koja se može koristiti za rukovanje više vrsta zahtjeva kao što su GET, PUT i POST i DELETE zahtjevi.

Instaliranje i korištenje Expressa

Express se instalira putem Node Package Managera. To se može učiniti izvršavanjem sljedećeg retka u naredbenom retku

npm instalirajte ekspresno

Gornja naredba zahtijeva od upravitelja paketa Node da preuzme potrebne ekspresne module i instalira ih u skladu s tim.

Upotrijebimo naš novoinstalirani Express framework i stvorimo jednostavnu aplikaciju “Hello World”.

Naša će aplikacija izraditi jednostavan poslužiteljski modul koji će slušati na portu broj 3000. U našem primjeru, ako je zahtjev napravljen putem preglednika na ovom portu, aplikacija poslužitelja će poslati odgovor 'Hello' World' klijentu .

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

Code Objašnjenje:

1. U našem prvom retku koda koristimo funkciju require za uključivanje "express modula".
2. Prije nego što počnemo koristiti express modul, moramo od njega napraviti objekt.
3. Ovdje stvaramo funkciju povratnog poziva. Ova funkcija će biti pozvana kad god netko pregledava korijen naše web aplikacije koja je http://localhost:3000 . Funkcija povratnog poziva koristit će se za slanje niza 'Hello World' na web stranicu.
4. U funkciji povratnog poziva, klijentu šaljemo niz "Hello World". Parametar 'res' koristi se za slanje sadržaja natrag na web stranicu. Ovaj parametar 'res' nešto je što daje modul 'request' kako bi se omogućilo slanje sadržaja natrag na web stranicu.
5. Zatim koristimo funkciju slušanja kako bismo natjerali našu poslužiteljsku aplikaciju da sluša zahtjeve klijenta na portu br. 3000. Ovdje možete navesti bilo koji dostupni port.

Ako je naredba uspješno izvršena, sljedeći će se izlaz prikazati kada pokrenete svoj kod u pregledniku.

Izlaz:

Iz izlaza,

• Jasno možete vidjeti da ako pregledamo URL localhosta na portu 3000, na stranici ćete vidjeti niz znakova 'Hello World'.
• Budući da smo u našem kodu posebno spomenuli da poslužitelj osluškuje port broj 3000, možemo vidjeti izlaz prilikom pregledavanja ovog URL.

Što su rute?

Usmjeravanje određuje način na koji aplikacija odgovara na zahtjev klijenta prema određenoj krajnjoj točki.

Na primjer, klijent može napraviti GET, POST, PUT ili DELETE http zahtjev za različite URL kao što su oni prikazani dolje;

http://localhost:3000/Books
http://localhost:3000/Students

U gornjem primjeru,

• Ako se GET zahtjev uputi za prvi URL, onda bi idealno bilo da odgovor bude popis knjiga.
• Ako se GET zahtjev podnosi za drugi URL, tada bi idealno odgovor trebao biti popis učenika.
• Dakle, na temelju URL kojem se pristupa, pozvat će se druga funkcionalnost na web poslužitelju i sukladno tome će se odgovor poslati klijentu. To je koncept usmjeravanja.

Svaka ruta može imati jednu ili više funkcija rukovatelja, koje se izvršavaju kada se ruta podudara.

Opća sintaksa za rutu prikazana je u nastavku

app.METHOD(PATH, HANDLER)

pri čemu,

1) aplikacija je instanca ekspresnog modula

2) METHOD je metoda HTTP zahtjeva (GET, POST, PUT ili DELETE)

3) PATH je staza na poslužitelju.

4) HANDLER je funkcija koja se izvršava kada se ruta podudara.

Pogledajmo primjer kako možemo implementirati rute u expressu. Naš će primjer stvoriti 3 rute kao

1. Ruta /Node koja će prikazati niz "Tutorial on Node" ako se pristupi ovoj ruti
2. Ruta /Angular koja će prikazati niz "Tutorial on Angular" ako se pristupi ovoj ruti
3. Zadana ruta / koja će prikazati niz "Dobrodošli u Guru99 tutorijala.

Naš osnovni kod ostat će isti kao i prethodni primjeri. Donji isječak je dodatak koji prikazuje kako se usmjeravanje implementira.

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');
}));

Code Objašnjenje:

1. Ovdje definiramo rutu ako je URL http://localhost:3000/Node je odabran u pregledniku. Ruti dodajemo funkciju povratnog poziva koja će se pozvati kada pregledamo čvor URLFunkcija ima 2 parametra.

• Glavni parametar koji ćemo koristiti je 'res' parametar, koji se može koristiti za slanje informacija nazad klijentu.
• Parametar 'req' ima informacije o zahtjevu koji je napravljen. Ponekad se dodatni parametri mogu poslati kao dio zahtjeva, pa se stoga parametar 'req' može koristiti za pronalaženje dodatnih parametara koji se šalju.

2. Koristimo funkciju slanja za slanje niza "Tutorial on Node" natrag klijentu ako je odabrana ruta čvora.
3. Ovdje definiramo rutu ako je URL http://localhost:3000/Angular je odabran u pregledniku. Ruti dodajemo funkciju povratnog poziva koja će se pozivati ​​kada pregledamo Angular URL.
4. Koristimo funkciju slanja za slanje niza "Tutorial on Angular" natrag klijentu ako je odabrana Angular ruta.
5. Ovo je zadana ruta koja se odabire kada se pregledava ruta aplikacije – http://localhost:3000Kada se odabere zadana ruta, prikazuje se poruka „Dobrodošli u GuruKlijentu će biti poslano "99 tutorijala".

Ako je naredba uspješno izvršena, sljedeći će se izlaz prikazati kada pokrenete svoj kod u pregledniku.

Izlaz:

Iz izlaza,

• Jasno možete vidjeti da ako pregledamo URL localhosta na portu 3000, vidjet ćete niz znakova 'Dobrodošli u GuruNa stranici je prikazano 99 tutorijala.
• Jer smo u našem kodu spomenuli da je naša zadana vrijednost URL bi prikazao ovu poruku.

Iz izlaza,

• Možete vidjeti da ako URL promijenjeno u /Čvor, odabrana bi bila odgovarajuća ruta čvora i prikazan je niz „Vodič na čvoru“.

Iz izlaza,

• Možete vidjeti da ako URL promijenjeno u /Angular, odabrana bi bila odgovarajuća ruta čvora i prikazan bi se niz znakova „Tutorial On Angular“.

Primjer web poslužitelja koji koristi express.js

Iz našeg gornjeg primjera, vidjeli smo kako možemo odlučiti koji izlaz prikazati na temelju usmjeravanja. Ova vrsta usmjeravanja je ono što se koristi u većini modernih web aplikacija. Drugi dio web poslužitelja odnosi se na korištenje predložaka u Node js.

Prilikom izrade brzih on-the-fly Node aplikacija, jednostavan i brz način je korištenje predložaka za aplikaciju. Na tržištu su dostupni mnogi okviri za izradu predložaka. U našem slučaju, uzet ćemo primjer okvira od žada za šablone.

Jade se instalira preko Node Package managera. To se može učiniti izvršavanjem sljedećeg retka u naredbenom retku

npm instalirajte jade

Gornja naredba zahtijeva od upravitelja paketa Node da preuzme potrebne jade module i instalira ih u skladu s tim.

NAPOMENA: U najnovijoj verziji Node jade je zastario. Umjesto toga, koristite mops.

Upotrijebimo naš novoinstalirani jade okvir i stvorimo neke osnovne predloške.

Korak 1) Prvi korak je izrada predloška od žada. Napravite datoteku pod nazivom index.jade i umetnite donji kod. Provjerite jeste li stvorili datoteku u mapi "views".

1. Ovdje specificiramo da će se naslov stranice promijeniti u bilo koju vrijednost koja je proslijeđena kada se ovaj predložak pozove.
2. Također specificiramo da će se tekst u oznaci zaglavlja zamijeniti onim što se proslijedi u jade predlošku.

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() {});

Code Objašnjenje:

1. Prva stvar koju treba odrediti u aplikaciji je "motor za prikaz" koji će se koristiti za renderiranje predložaka. Budući da ćemo koristiti žad za iscrtavanje naših predložaka, specificiramo to u skladu s tim.
2. Funkcija renderiranja koristi se za renderiranje web stranice. U našem primjeru renderiramo predložak (index.jade) koji je ranije stvoren.
3. Prosljeđujemo vrijednosti od "Guru99” i “Dobrodošli” parametrima “title” i “message”. Ove vrijednosti bit će zamijenjene parametrima 'title' i 'message' deklariranim u predlošku index.jade.

Ako je naredba uspješno izvršena, sljedeći će se izlaz prikazati kada pokrenete svoj kod u pregledniku.

Izlaz:

Iz izlaza,

• Možemo vidjeti da se naslov stranice postavlja na "Guru99” i zaglavlje stranice postavlja se na “Dobrodošli”.
• To je zbog predloška jade koji se poziva u našoj node js aplikaciji.

Rezime

• Express framework je najčešći framework koji se koristi za razvojping Node.js aplikacije. Express framework izgrađen je na node.js frameworku i pomaže u brzom-trackralj razvoja poslužiteljskih aplikacija.
• Rute se koriste za preusmjeravanje korisnika na različite dijelove web aplikacija na temelju postavljenog zahtjeva. Odgovor za svaku rutu može varirati ovisno o tome što treba pokazati korisniku.
• Predlošci se mogu koristiti za ubacivanje sadržaja na učinkovit način. Jade je jedan od najpopularnijih mehanizama za izradu predložaka koji se koriste u Node.js aplikacijama.