Node.js Express FrameWork oktatóanyag – Tanuljon 10 perc alatt

Ebben az oktatóanyagban az Express keretrendszert tanulmányozzuk. Ezt a keretrendszert úgy építették fel, hogy minimális és rugalmas Node.js webalkalmazás-keretrendszerként működjön, robusztus szolgáltatáskészletet biztosítva egy- és többoldalas, valamint hibrid webalkalmazások készítéséhez.

Mi az Express.js?

Az Express.js egy Node js webalkalmazás-kiszolgáló keretrendszer, amelyet kifejezetten egyoldalas, többoldalas és hibrid webalkalmazások készítésére terveztek.

Ez lett a node.js szabványos kiszolgálói keretrendszere. Az Express az MEAN veremként ismert háttérrendszer része.

A MEAN egy ingyenes és nyílt forráskódú JavaForgatókönyv szoftververem dinamikus webhelyek és webalkalmazások létrehozásához, amely a következő összetevőkkel rendelkezik;

1) MongoDB – A szabványos NoSQL adatbázis

2) Express.js – Az alapértelmezett webalkalmazás-keretrendszer

3) Angular.js - A JavaWebes alkalmazásokhoz használt Script MVC keretrendszer

4) node.js – Skálázható szerveroldali és hálózati alkalmazásokhoz használt keretrendszer.

Az Express.js keretrendszer nagyon egyszerűvé teszi egy olyan alkalmazás fejlesztését, amely többféle kérés kezelésére használható, mint például a GET, PUT, POST és DELETE kérések.

Express telepítése és használata

Az Express telepítése a Node Package Manageren keresztül történik. Ezt a parancssorban a következő sor végrehajtásával teheti meg

npm install express

A fenti parancs arra kéri a Node csomagkezelőt, hogy töltse le a szükséges expressz modulokat és telepítse azokat.

Használjuk az újonnan telepített Express keretrendszerünket, és hozzunk létre egy egyszerű „Hello World” alkalmazást.

Alkalmazásunk egy egyszerű szervermodult fog létrehozni, amely a 3000-es porton figyel. Példánkban, ha a böngészőn keresztül erre a portszámra kérünk, akkor a szerveralkalmazás „Hello World” választ küld a kliensnek. .

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

Kód magyarázata:

1. A kód első sorában a követelmény függvényt használjuk az „expressz modul” beépítésére.
2. Mielőtt elkezdhetnénk használni az expressz modult, egy objektumot kell készítenünk belőle.
3. Itt létrehozunk egy visszahívási függvényt. Ez a funkció akkor kerül meghívásra, amikor bárki a webalkalmazásunk gyökérkönyvtárába böngészik, amely az http://localhost:3000 . A visszahívási funkció a „Hello World” karakterlánc elküldésére szolgál a weboldalnak.
4. A visszahívás funkcióban a „Hello World” karakterláncot küldjük vissza az ügyfélnek. A „res” paraméter a tartalom visszaküldésére szolgál a weboldalra. Ezt a „res” paramétert a „request” modul biztosítja, hogy lehetővé tegye a tartalom visszaküldését a weboldalra.
5. Ezután a figyelés funkciót használjuk arra, hogy a szerveralkalmazásunk figyelje a kliens kéréseket a 3000-es porton. Itt megadhat bármilyen elérhető portot.

Ha a parancsot sikeresen végrehajtották, a következő kimenet jelenik meg, amikor futtatja a kódot a böngészőben.

output:

A kimenetből,

• Jól láthatja, hogy ha a 3000-es porton lévő localhost URL-jére böngészünk, akkor a „Hello World” karakterlánc jelenik meg az oldalon.
• Mivel kódunkban kifejezetten azt említettük, hogy a szerver a 3000-es porton figyeljen, meg tudjuk tekinteni a kimenetet, amikor erre az URL-re böngészünk.

Mik azok az útvonalak?

Az útválasztás határozza meg, hogy az alkalmazás hogyan válaszol egy adott végponthoz intézett ügyfélkérésre.

Például egy kliens GET, POST, PUT vagy DELETE http kérelmet küldhet különféle URL-ekre, például az alábbiakra;

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

A fenti példában

• Ha egy GET-kérelem érkezik az első URL-hez, akkor a válasznak ideális esetben könyvek listájának kell lennie.
• Ha a GET-kérés a második URL-hez érkezik, akkor ideális esetben a válasznak a tanulók listájának kell lennie.
• Tehát az elért URL alapján a webszerveren egy másik funkció kerül meghívásra, és ennek megfelelően a válasz elküldésre kerül a kliensnek. Ez az útválasztás fogalma.

Minden útvonalnak lehet egy vagy több kezelői funkciója, amelyek az útvonal egyeztetésekor hajtódnak végre.

Az útvonal általános szintaxisa alább látható

app.METHOD(PATH, HANDLER)

ahol,

1) az alkalmazás az expressz modul egy példánya

2) A METHOD egy HTTP kérési módszer (GET, POST, PUT vagy DELETE)

3) A PATH egy elérési út a szerveren.

4) A HANDLER az útvonal egyeztetésekor végrehajtott funkció.

Nézzünk egy példát arra, hogyan valósíthatunk meg útvonalakat az expresszben. Példánk 3 útvonalat fog létrehozni mint

1. Egy /Node útvonal, amely az „Oktatóanyag a csomóponton” karakterláncot jeleníti meg, ha ez az útvonal elérhető
2. Egy /Angular útvonal, amely a „Tutorial on Angular” karakterláncot jeleníti meg, ha ez az útvonal elérhető
3. Egy alapértelmezett útvonal, / amely az „Üdvözöljük a Guru99 oktatóanyagában” szöveget jeleníti meg.

Alapkódunk ugyanaz marad, mint a korábbi példákban. Az alábbi részlet egy kiegészítő, amely bemutatja az útválasztás megvalósítását.

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

Kód magyarázata:

1. Itt egy útvonalat határozunk meg, ha az URL http://localhost:3000/Node van kiválasztva a böngészőben. Az útvonalhoz csatolunk egy visszahívási függvényt, amelyet akkor hívunk meg, amikor a csomópont URL-jére böngészünk. A függvénynek 2 paramétere van.

• A fő paraméter, amelyet használni fogunk, a „res” paraméter, amellyel információkat küldhetünk vissza a kliensnek.
• A 'req' paraméter információkat tartalmaz a kérésről. Néha további paramétereket is el lehet küldeni a kérés részeként, így a „req” paraméter használható a további elküldött paraméterek megkeresésére.

2. A küldés funkciót használva küldjük vissza az „Oktatóanyag a csomóponton” karakterláncot az ügyfélnek, ha a csomóponti útvonalat választja.
3. Itt egy útvonalat határozunk meg, ha az URL http://localhost:3000/Angular van kiválasztva a böngészőben. Az útvonalhoz csatolunk egy visszahívási függvényt, amelyet akkor hívunk meg, amikor az Angular URL-hez böngészünk.
4. A küldés funkciót használva küldjük vissza a „Tutorial on Angular” karakterláncot a kliensnek, ha az Angular útvonalat választja.
5. Ez az alapértelmezett útvonal, amelyet akkor választanak ki, amikor az alkalmazás útvonalára böngészünk – http://localhost:3000. Az alapértelmezett útvonal kiválasztásakor az „Üdvözöljük a Guru99 oktatóprogramjaiban” üzenetet küldi el a kliens.

Ha a parancsot sikeresen végrehajtották, a következő kimenet jelenik meg, amikor futtatja a kódot a böngészőben.

output:

A kimenetből,

• Jól láthatja, hogy ha a 3000-es porton a localhost URL-jére böngészünk, az „Üdvözöljük a Guru99 oktatóanyagában” karakterláncot látjuk az oldalon.
• Mert a kódunkban említettük, hogy az alapértelmezett URL-ünk ezt az üzenetet jeleníti meg.

A kimenetből,

• Látható, hogy ha az URL-t /Node-ra változtatták, akkor a megfelelő csomóponti útvonal kerül kiválasztásra, és megjelenik a „Tutorial On Node” karakterlánc.

A kimenetből,

• Láthatja, hogy ha az URL-t /Angular-ra változtatták, akkor a megfelelő csomóponti útvonal kerül kiválasztásra, és megjelenik a „Tutorial On Angular” karakterlánc.

Minta webszerver express.js használatával

A fenti példánkból láthattuk, hogyan dönthetjük el, hogy milyen kimenetet jelenítsünk meg az útválasztás alapján. Ezt a fajta útválasztást használják a legtöbb modern webalkalmazásban. A webszerver másik része a sablonok Node js-ben történő használatáról szól.

Gyors, menet közbeni Node-alkalmazások létrehozásakor egyszerű és gyors módja az alkalmazás sablonjainak használata. A piacon számos keretrendszer áll rendelkezésre sablonok készítésére. Esetünkben a sablonozáshoz a jade keretet vesszük példának.

A Jade telepítése a Node Package Manageren keresztül történik. Ezt a parancssorban a következő sor végrehajtásával teheti meg

npm install jade

A fenti parancs arra kéri a Node csomagkezelőt, hogy töltse le a szükséges jade modulokat és telepítse azokat.

JEGYZET: A Node legújabb verziójában a jade elavult. Ehelyett használjon mopszot.

Használjuk az újonnan telepített jade keretrendszerünket, és hozzunk létre néhány alapvető sablont.

Step 1) Az első lépés egy jade sablon létrehozása. Hozzon létre egy index.jade nevű fájlt, és helyezze be az alábbi kódot. Ügyeljen arra, hogy a fájlt a „Views” mappában hozza létre

1. Itt azt adjuk meg, hogy az oldal címe bármilyen értékre módosul, amikor ez a sablon meghívásra kerül.
2. Azt is meghatározzuk, hogy a fejléccímkében lévő szöveget a rendszer a jade sablonban átadott szövegre cserélje.

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

Kód magyarázata:

1. Az első dolog, amit meg kell adni az alkalmazásban, a „nézet motor”, amely a sablonok megjelenítésére szolgál. Mivel a jade-et fogjuk használni a sablonjaink megjelenítéséhez, ezt ennek megfelelően adjuk meg.
2. A renderelési funkció egy weboldal megjelenítésére szolgál. Példánkban a korábban létrehozott sablont (index.jade) jelenítjük meg.
3. A „Guru99” és „Üdvözöljük” értékeit a „title” és „message” paramétereknek adjuk át. Ezeket az értékeket az index.jade sablonban deklarált „title” és „message” paraméterek váltják fel.

Ha a parancsot sikeresen végrehajtották, a következő kimenet jelenik meg, amikor futtatja a kódot a böngészőben.

output:

A kimenetből,

• Láthatjuk, hogy az oldal címe „Guru99”, az oldal fejléce pedig „Üdvözlöm” lesz.
• Ennek oka a node js alkalmazásunkban meghívott jade sablon.

Összegzésként

• Az expressz keretrendszer a Node js-alkalmazások fejlesztésére használt leggyakoribb keretrendszer. Az expressz keretrendszer a node.js keretrendszerre épül, és segít a szerveralapú alkalmazások gyors nyomon követésében.
• Az útvonalak arra szolgálnak, hogy a kérés alapján a felhasználókat a webalkalmazások különböző részeihez irányítsák. Az egyes útvonalak válasza változhat attól függően, hogy mit kell megjeleníteni a felhasználónak.
• A sablonok hatékonyan használhatók tartalom beszúrására. A Jade a Node.js alkalmazásokban használt egyik legnépszerűbb sablonozó motor.