Node.js Express FrameWork -opetusohjelma – Opi 10 minuutissa
James Hartman
Tässä opetusohjelmassa tutkimme Express-kehystä. Tämä kehys on rakennettu siten, että se toimii minimaalisena ja joustavana Node.js-verkkosovelluskehyksenä, joka tarjoaa vankan joukon ominaisuuksia yksi- ja monisivuisten sekä hybridiverkkosovellusten rakentamiseen.
Mikä on Express.js?
Express.js on Node js -verkkosovelluspalvelinkehys, joka on erityisesti suunniteltu yksisivuisten, monisivuisten ja hybridiverkkosovellusten rakentamiseen.
Siitä on tullut node.js:n vakiopalvelinkehys. Express on taustaosa, joka tunnetaan nimellä MEAN-pino.
MEAN on ilmainen ja avoin lähdekoodi JavaKäsikirjoitus Ohjelmistopino dynaamisten Web-sivustojen ja -sovellusten rakentamiseen, jossa on seuraavat komponentit;
1) MongoDB – Tavallinen NoSQL-tietokanta
2) Express.js – Oletusverkkosovelluskehys
3) Angular.js - JavaScript MVC -kehys, jota käytetään verkkosovelluksiin
4) Node.js – Kehys, jota käytetään skaalautuviin palvelinpuolen ja verkkosovelluksiin.
Express.js-kehyksen avulla on erittäin helppoa kehittää sovellus, jota voidaan käyttää käsittelemään monenlaisia pyyntöjä, kuten GET-, PUT- ja POST- ja DELETE-pyyntöjä.
Expressin asennus ja käyttö
Express asennetaan Node Package Managerin kautta. Tämä voidaan tehdä suorittamalla seuraava rivi komentorivillä
npm install express
Yllä oleva komento pyytää Node-pakettien hallintaa lataamaan tarvittavat pikamoduulit ja asentamaan ne vastaavasti.
Käytetään äskettäin asennettua Express-kehystämme ja luodaan yksinkertainen "Hello World" -sovellus.
Sovelluksemme aikoo luoda yksinkertaisen palvelinmoduulin, joka kuuntelee porttia numero 3000. Jos esimerkissämme tehdään pyyntö selaimen kautta tähän porttinumeroon, palvelinsovellus lähettää asiakkaalle Hello World -vastauksen. .
var express=require('express');
var app=express();
app.get('/',function(req,res)
{
res.send('Hello World!');
});
var server=app.listen(3000,function() {});
Koodin selitys:
- Ensimmäisellä koodirivillä käytämme vaadi-toimintoa sisällyttääksemme "pikamoduulin".
- Ennen kuin voimme aloittaa express-moduulin käytön, meidän on tehtävä siitä objekti.
- Täällä luomme takaisinsoittotoiminnon. Tätä toimintoa kutsutaan aina, kun joku selaa verkkosovelluksemme juureen, joka on http://localhost:3000 . Takaisinsoittotoimintoa käytetään lähettämään merkkijono "Hello World" verkkosivulle.
- Takaisinsoittotoiminnossa lähetämme asiakkaalle merkkijonon "Hello World". Res-parametria käytetään sisällön lähettämiseen takaisin verkkosivulle. Tämä "res"-parametri on jotain, jonka "pyyntö"-moduuli tarjoaa, jotta voidaan lähettää sisältöä takaisin verkkosivulle.
- Käytämme sitten kuuntelutoimintoa saadaksemme palvelinsovelluksemme kuuntelemaan asiakkaan pyyntöjä portista 3000. Voit määrittää minkä tahansa käytettävissä olevan portin täällä.
Jos komento suoritetaan onnistuneesti, seuraava tulos näytetään, kun suoritat koodin selaimessa.
lähtö:
Ulostulosta,
- Näet selvästi, että jos selaat portin 3000 localhostin URL-osoitetta, sivulla näkyy merkkijono "Hello World".
- Koska koodissamme olemme maininneet erityisesti palvelimen kuuntelevan portissa nro 3000, voimme tarkastella tulostetta, kun selaat tätä URL-osoitetta.
Mitä ovat reitit?
Reititys määrittää tavan, jolla sovellus vastaa asiakkaan pyyntöön tiettyyn päätepisteeseen.
Asiakas voi esimerkiksi tehdä GET, POST, PUT tai DELETE http-pyynnön useille URL-osoitteille, kuten alla näytetyille;
http://localhost:3000/Books http://localhost:3000/Students
Yllä olevassa esimerkissä
- Jos GET-pyyntö tehdään ensimmäiselle URL-osoitteelle, vastauksen tulisi mieluiten olla luettelo kirjoista.
- Jos GET-pyyntö tehdään toiselle URL-osoitteelle, vastauksen tulisi mieluiten olla opiskelijaluettelo.
- Joten URL-osoitteen perusteella, jota käytetään, verkkopalvelimen eri toimintoja vedotaan, ja vastaavasti vastaus lähetetään asiakkaalle. Tämä on reitityksen käsite.
Jokaisella reitillä voi olla yksi tai useampi käsittelijätoiminto, jotka suoritetaan, kun reittiä sovitetaan.
Reitin yleinen syntaksi on esitetty alla
app.METHOD(PATH, HANDLER)
Jossa,
1) sovellus on express-moduulin esiintymä
2) METHOD on HTTP-pyyntömenetelmä (GET, POST, PUT tai DELETE)
3) PATH on polku palvelimella.
4) HANDLER on toiminto, joka suoritetaan, kun reitti on sovitettu.
Katsotaanpa esimerkkiä siitä, kuinka voimme toteuttaa reittejä Expressissä. Esimerkkimme luo 3 reittiä nimellä
- /Node-reitti, joka näyttää merkkijonon "Opetusohjelma solmussa", jos tätä reittiä käytetään
- /Angular-reitti, joka näyttää merkkijonon "Tutorial on Angular", jos tätä reittiä käytetään
- Oletusreitti / joka näyttää merkkijonon "Tervetuloa Guru99 Tutorials -ohjelmaan".
Peruskoodimme pysyy samana kuin aiemmissa esimerkeissä. Alla oleva koodinpätkä on lisäosa, joka näyttää, kuinka reititys on toteutettu.
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');
}));
Koodin selitys:
- Tässä määrittelemme reitin, jos URL-osoite http://localhost:3000/Node on valittu selaimessa. Liitämme reitille takaisinsoittotoiminnon, jota kutsutaan, kun selaat solmun URL-osoitetta. Toiminnossa on 2 parametria.
- Pääparametri, jota käytämme, on "res"-parametri, jota voidaan käyttää tietojen lähettämiseen takaisin asiakkaalle.
- Parametri 'req' sisältää tiedot suoritettavasta pyynnöstä. Joskus lisäparametreja voidaan lähettää osana tehtävää pyyntöä, jolloin 'req'-parametria voidaan käyttää lähetettävien lisäparametrien etsimiseen.
- Käytämme lähetystoimintoa lähettääksemme merkkijonon "Opetusohjelma solmussa" takaisin asiakkaalle, jos solmureitti on valittu.
- Tässä määrittelemme reitin, jos URL-osoite http://localhost:3000/Angular on valittu selaimessa. Liitämme reitille takaisinsoittotoiminnon, jota kutsutaan, kun selaat Angular-URL-osoitetta.
- Käytämme lähetystoimintoa lähettääksemme "Tutorial on Angular" -merkkijonon takaisin asiakkaalle, jos Angular-reitti on valittu.
- Tämä on oletusreitti, joka valitaan, kun selaat sovelluksen reittiä - http://localhost:3000. Kun oletusreitti on valittu, asiakkaalle lähetetään viesti "Tervetuloa Guru99 Tutorialsiin".
Jos komento suoritetaan onnistuneesti, seuraava tulos näytetään, kun suoritat koodin selaimessa.
lähtö:
Ulostulosta,
- Näet selvästi, että jos selaamme portin 3000 localhostin URL-osoitteeseen, näet sivulla olevan merkkijonon "Tervetuloa Guru99-opetusohjelmiin".
- Koska olemme maininneet koodissamme, että oletus-URL-osoite näyttää tämän viestin.
Ulostulosta,
- Voit nähdä, että jos URL-osoite on muutettu muotoon /Node, vastaava solmureitti valitaan ja merkkijono "Opetusohjelma solmussa" tulee näkyviin.
Ulostulosta,
- Voit nähdä, että jos URL-osoite on muutettu muotoon /Angular, vastaava solmun reitti valitaan ja merkkijono "Tutorial On Angular" tulee näkyviin.
Esimerkki Web-palvelimesta express.js:n avulla
Yllä olevasta esimerkistämme olemme nähneet, kuinka voimme päättää näytettävän lähdön reitityksen perusteella. Tällaista reititystä käytetään useimmissa nykyajan verkkosovelluksissa. Toinen verkkopalvelimen osa koskee mallien käyttöä Node js:ssä.
Luotaessa nopeita nopeita Node-sovelluksia, helppo ja nopea tapa on käyttää sovelluksen malleja. Markkinoilla on monia kehyksiä mallien tekemiseen. Meidän tapauksessamme otamme mallintamisen esimerkkinä jade-kehyksen.
Jade asennetaan Node Package Managerin kautta. Tämä voidaan tehdä suorittamalla seuraava rivi komentorivillä
npm asenna jade
Yllä oleva komento pyytää Node-pakettien hallintaa lataamaan tarvittavat jade-moduulit ja asentamaan ne vastaavasti.
HUOMAUTUS: Node jade on vanhentunut uusimmassa versiossa. Käytä sen sijaan mopsia.
Käytetään äskettäin asennettua jade-kehystämme ja luodaan joitain perusmalleja.
Vaihe 1) Ensimmäinen askel on luoda jade-malli. Luo tiedosto nimeltä index.jade ja lisää alla oleva koodi. Varmista, että luot tiedoston "näkymät"-kansioon
- Tässä määritetään, että sivun otsikko muutetaan mihin tahansa arvoon, joka välitetään, kun tätä mallia kutsutaan.
- Määritämme myös, että otsikkotunnisteen teksti korvataan jade-mallissa välitettävällä tekstillä.
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() {});
Koodin selitys:
- Ensimmäinen asia, joka määritetään sovelluksessa, on "näkymämoottori", jota käytetään mallien hahmontamiseen. Koska aiomme käyttää jadea malliemme hahmontamiseen, määritämme tämän vastaavasti.
- Renderöintitoimintoa käytetään web-sivun hahmontamiseen. Esimerkissämme hahmonnetaan aiemmin luotu malli (index.jade).
- Välitämme arvot "Guru99" ja "Tervetuloa" parametreihin "title" ja "message". Nämä arvot korvataan index.jade-mallissa ilmoitetuilla "title"- ja "message"-parametreilla.
Jos komento suoritetaan onnistuneesti, seuraava tulos näytetään, kun suoritat koodin selaimessa.
lähtö:
Ulostulosta,
- Näemme, että sivun otsikoksi asetetaan "Guru99" ja sivun otsikoksi "Tervetuloa".
- Tämä johtuu jade-mallista, jota kutsutaan node js -sovelluksessamme.
Yhteenveto
- Express-kehys on yleisin Node js -sovellusten kehittämiseen käytetty kehys. Express-kehys on rakennettu node.js-kehyksen päälle ja auttaa palvelinpohjaisten sovellusten nopeassa kehityksessä.
- Reittejä käytetään ohjaamaan käyttäjiä verkkosovellusten eri osiin tehdyn pyynnön perusteella. Jokaisen reitin vastaus voi vaihdella sen mukaan, mitä käyttäjälle on näytettävä.
- Malleja voidaan käyttää sisällön lisäämiseen tehokkaasti. Jade on yksi suosituimmista Node.js-sovelluksissa käytetyistä mallinnuskoneista.
