Tässä opetusohjelmassa tutkitaan Express-kehystä. Tämä kehys on rakennettu siten, että se toimii minimaalisena ja joustavana Node.js-verkkosovelluskehyksenä, joka tarjoaa vankan joukon ominaisuuksia yhden, monisivuisen ja hybridisen verkkosovelluksen rakentamiseen.
Tässä opetusohjelmassa opit-
- Mikä on Express.js?
- Expressin asentaminen ja käyttäminen
- Mitkä ovat reitit?
- Esimerkki verkkopalvelimesta express.js: n avulla
Mikä on Express.js?
Express.js on Node js -verkkosovelluspalvelinkehys, joka on suunniteltu erityisesti yksisivuisten, monisivuisten ja hybridisovellusten rakentamiseen.
Siitä on tullut standardi palvelinkehys node.js: lle. Express on taustan osa jotain, joka tunnetaan nimellä MEAN-pino.
MEAN on ilmainen ja avoimen lähdekoodin JavaScript-ohjelmistopino dynaamisten verkkosivustojen ja verkkosovellusten rakentamiseen, jossa on seuraavat komponentit;
1) MongoDB - tavallinen NoSQL-tietokanta
2) Express.js - Oletussovelluskehys
3) Angular.js - verkkosovelluksiin käytetty JavaScript MVC -kehys
4) Node.js - kehys, jota käytetään skaalautuviin palvelinpuolen ja verkkosovelluksiin.
Express.js-kehyksen avulla on helppo kehittää sovellus, jota voidaan käyttää monenlaisten pyyntöjen, kuten GET, PUT, POST ja DELETE, käsittelyyn.
Expressin asentaminen ja käyttäminen
Express asennetaan Node Package Managerin kautta. Tämä voidaan tehdä suorittamalla seuraava rivi komentorivillä
npm install express
Yllä oleva komento pyytää Node-paketinhallintaa lataamaan tarvittavat pikamoduulit ja asentamaan ne vastaavasti.
Käytetään äskettäin asennettua Express-kehystä ja luodaan yksinkertainen "Hello World" -sovellus.
Sovelluksemme aikoo luoda yksinkertaisen palvelinmoduulin, joka kuuntelee porttinumeroa 3000. Esimerkissämme, jos pyyntö tehdään tämän porttinumeron selaimen kautta, 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äisessä koodirivissämme käytämme vaadittavaa funktiota "express-moduulin" sisällyttämiseksi.
- Ennen kuin voimme aloittaa pikamoduulin käytön, meidän on tehtävä siitä esine.
- Täällä luomme soittopyynnön. Tätä toimintoa kutsutaan aina, kun joku selaa verkkosovelluksemme juuria, joka on http: // localhost: 3000 . Soittotoimintoa käytetään merkkijonon "Hello World" lähettämiseen verkkosivulle.
- Soittotoiminnossa lähetämme merkkijonon "Hello World" takaisin asiakkaalle. Res-parametria käytetään lähettämään sisältöä takaisin verkkosivulle. Tämä 'res' -parametri on jotain, jonka 'request' -moduuli tarjoaa, jotta yksi voi lähettää sisältöä takaisin verkkosivulle.
- Sitten käytämme kuuntelutoimintoa saadaksemme palvelinsovelluksen kuuntelemaan asiakaspyyntöjä portissa nro 3000. Voit määrittää minkä tahansa käytettävissä olevan portin täältä.
Jos komento suoritetaan onnistuneesti, seuraava tulos näkyy, kun suoritat koodisi selaimessa.
Tuotos:
Lähdöstä
- Voit selvästi nähdä, että jos selataan portin 3000 paikallisen isännän URL-osoitteeseen, näet sivulla merkkijonon "Hello World".
- Koska koodissamme olemme maininneet nimenomaan palvelimen kuuntelemiseksi portissa nro 3000, pystymme tarkastelemaan tulosta, kun selaat tätä URL-osoitetta.
Mitkä ovat reitit?
Reititys määrittää tavan, jolla sovellus reagoi asiakkaan pyyntöön tiettyyn päätepisteeseen.
Esimerkiksi asiakas voi tehdä GET-, POST-, PUT- tai POISTA-http-pyynnön eri URL-osoitteille, kuten alla esitetyille;
http://localhost:3000/Bookshttp://localhost:3000/Students
Yllä olevassa esimerkissä
- Jos ensimmäiselle URL-osoitteelle tehdään GET-pyyntö, vastauksen tulisi mieluiten olla luettelo kirjoista.
- Jos GET-pyyntö tehdään toiselle URL-osoitteelle, vastauksen tulisi mieluiten olla luettelo opiskelijoista.
- Joten käytetyn URL-osoitteen perusteella verkkopalvelimessa käytetään erilaista toimintoa ja vastaus lähetetään asiakkaalle. Tämä on reitityksen käsite.
Jokaisella reitillä voi olla yksi tai useampi ohjaintoiminto, jotka suoritetaan, kun reitti sovitetaan yhteen.
Reitin yleinen syntaksi on esitetty alla
app.METHOD(PATH, HANDLER)
Jossa,
1) sovellus on pikamoduulin esiintymä
2) METHOD on HTTP-pyyntötapa (GET, POST, PUT tai DELETE)
3) PATH on polku palvelimella.
4) HANDLER on toiminto, joka suoritetaan, kun reitti sovitetaan yhteen.
Katsotaanpa esimerkkiä siitä, miten reittejä voidaan toteuttaa pikakoodissa. Esimerkkimme luo 3 reittiä nimellä
- A / Node-reitti, joka näyttää merkkijonon "Tutorial on Node", jos tätä reittiä käytetään
- A / kulmareitti, joka näyttää merkkijonon "Tutorial on Angular", jos tätä reittiä käytetään
- Oletusreitti / joka näyttää merkkijonon "Welcome to Guru99 Tutorials".
Peruskoodimme pysyy samana kuin aiemmat esimerkit. Seuraava katkelma on lisäosa esittelemään, miten reititys toteutetaan.
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ääritetään reitti, jos URL-osoite http: // localhost: 3000 / Node on valittu selaimessa. Reittiin liitämme takaisinsoittotoiminnon, jota kutsutaan, kun selataan solmun URL-osoitteeseen.
Toiminnolla on 2 parametria.
- Tärkein käytettävä parametri on 'res' -parametri, jota voidaan käyttää lähettämään tietoja takaisin asiakkaalle.
- 'Req' -parametrilla on tietoja tehdystä pyynnöstä. Joskus lisäparametreja voidaan lähettää osana pyyntöä, ja näin ollen parametria 'req' voidaan käyttää lähetettävien lisäparametrien löytämiseen.
- Lähetysfunktiolla lähetetään merkkijono "Opas solmulle" takaisin asiakkaalle, jos solmureitti valitaan.
- Tässä määritetään reitti, jos selaimessa on valittu URL-osoite http: // localhost: 3000 / Angular . Reittiin liitämme takaisinsoittotoiminnon, jota kutsutaan, kun selataan kulma-URL-osoitteeseen.
- Lähetysfunktiolla lähetetään merkkijono "Tutorial on Angular" takaisin asiakkaalle, jos Kulmareitti valitaan.
- Tämä on oletusreitti, joka valitaan, kun selataan sovelluksen reitille - http: // localhost: 3000 . Kun oletusreitti valitaan, asiakkaalle lähetetään viesti "Welcome to Guru99 Tutorials".
Jos komento suoritetaan onnistuneesti, seuraava tulos näkyy, kun suoritat koodisi selaimessa.
Tuotos:
Lähdöstä
- Voit selvästi nähdä, että jos selaamme paikallisen isännän URL-osoitteeseen portissa 3000, näet sivulla olevan merkkijonon "Welcome to Guru99 Tutorials".
- Koska koodissamme olemme maininneet, että oletus-URL-osoitteemme näyttää tämän viestin.
Lähdöstä
- Voit nähdä, että jos URL-osoitteeksi on vaihdettu / Node, vastaava solmureitti valitaan ja merkkijono "Tutorial On Node" näytetään.
Lähdöstä
- Voit nähdä, että jos URL-osoitteeksi on vaihdettu / Kulma, vastaava Solmureitti valitaan ja merkkijono "Tutorial On Angular" näytetään.
Esimerkki verkkopalvelimesta express.js: n avulla
Yllä olevasta esimerkistämme olemme nähneet, kuinka voimme päättää näytettävän tuotoksen reitityksen perusteella. Tällaista reititystä käytetään useimmissa nykypäivän verkkosovelluksissa. Verkkopalvelimen toinen osa koskee mallien käyttöä Node js: ssä.
Kun luot nopeita lennossa olevia Node-sovelluksia, helppo ja nopea tapa on käyttää sovelluksessa malleja. Markkinoilla on monia malleja mallien tekemiseen. Meidän tapauksessamme otamme mallin jade-kehyksen esimerkin.
Jade asennetaan Node Package Managerin kautta. Tämä voidaan tehdä suorittamalla seuraava rivi komentorivillä
npm asenna jade
Yllä oleva komento pyytää Node-paketinhallintaa lataamaan tarvittavat jade-moduulit ja asentamaan ne vastaavasti.
HUOMAUTUS: Solmun uusimmassa versiossa jade on vanhentunut. Käytä sen sijaan mopsi.
Käytetään äskettäin asennettuja jade-kehyksiä ja luodaan joitain perusmalleja.
Vaihe 1) Ensimmäinen vaihe on luoda jade-malli. Luo tiedosto nimeltä index.jade ja lisää alla oleva koodi. Muista luoda tiedosto "näkymät" -kansioon
- Tässä määritämme, että sivun otsikko muutetaan mihin tahansa arvoon, joka välitetään, kun tätä mallia käytetään.
- Määritämme myös, että otsikkotunnisteen teksti korvataan kaikelle, mitä jade-mallissa siirretään.
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 sovelluksessa määritettävä asia on "view engine", 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 verkkosivun renderointiin. Esimerkissämme renderöimme aiemmin luodun mallin (index.jade).
- Välitämme "Guru99": n ja "Welcome": n arvot vastaavasti parametreihin "title" ja "message". Nämä arvot korvataan index.jade-mallissa ilmoitetuilla otsikko- ja viesti-parametreilla.
Jos komento suoritetaan onnistuneesti, seuraava tulos näkyy, kun suoritat koodisi selaimessa.
Tuotos:
Lähdöstä
- Voimme nähdä, että sivun otsikko asetetaan "Guru99" ja sivun otsikko asetetaan "Tervetuloa".
- Tämä johtuu jade-mallista, jota kutsutaan solmu js -sovelluksessamme.
Yhteenveto
- Express-kehys on yleisin kehys, jota käytetään Node js -sovellusten kehittämiseen. Express-kehys on rakennettu node.js-kehyksen päälle ja auttaa nopeasti seuraamaan palvelinpohjaisten sovellusten kehittämistä.
- Reittejä käytetään ohjaamaan käyttäjät verkkosovellusten eri osiin tehdyn pyynnön perusteella. Kunkin reitin vastausta voidaan vaihdella sen mukaan, mitä käyttäjälle on näytettävä.
- Mallien avulla voidaan lisätä sisältöä tehokkaasti. Jade on yksi suosituimmista Node.js-sovelluksissa käytetyistä mallimoottoreista.