Komma igång med Express.js

JavaScript tar ledningen inom webbutveckling, dess rikedom av rutiner i realtid och den medföljande mångsidigheten har gjort det till ett av de snabbast växande språken under de senaste 5 åren.

Sedan utgivningen av Node.js Mycket har sagts om att skapa applikationer som använder ett enda språk, och idag är det möjligt att använda Front-End-ramverk som t.ex. AngularJS eller Backbone.js, använder också databaser som t.ex. MongoDB eller CouchDB och slutligen på serversidan som arbetar med de kraftfulla Node.js.

Men att arbeta med stora applikationer från grunden med Node.js vi måste göra många repetitiva och komplexa saker, det är där det kommer in Express.js, som inte är annat än ett MVC -ramverk som hjälper oss att förenkla utarbetandet av vår logik Back-end, och förlita sig på Node.js resulterar i stora applikationer helt gjorda i JavaScript.

KravVåra krav är ganska grundläggande, vi behöver bara ha Node.js installerat och körs på vårt system, om vi har den senaste versionen måste vi se till att vi också har npm tillgängligt vilket är verktyget som gör att vi kan installera de olika paketen som vi behöver som i ramverket, Express.js.

1. Express.js

Detta ramverk har utformats för att ha några funktioner som är inspirerade av andra ramar som Räls eller Sinatra, betyder detta att när en erfaren utvecklare får händerna på honom kan han känna sig bekväm med att hantera koncept som han redan känner till, men med kraften i Node.js och bara använder JavaScript utvecklingshastigheten multipliceras.

Innan vi fördjupar oss mer i ämnet, låt oss först titta på de viktigaste egenskaperna hos Express.js:

MinimumTanken bakom ramen är inte att engagera sig i andra frågor som inte förmedlar mellan vår applikation och servern, för det komplicerar inte våra liv med tusentals komponenter, utan ger oss bara de mest nödvändiga sakerna.

FlexibelPå grund av dess kännetecken att vara minimal får du stor flexibilitet eftersom utvecklaren kan välja hur han vill arbeta och får implementera sina egna lösningar eller införliva färdiga lösningar som t.ex. ORM för olika typer av Databaser.

Gjord för applikationerMeningen med Express.js är att underlätta konstruktionen av webbapplikationer, oavsett om det är sidor, tjänster RESTENeller till och med hybridapplikationer.

2. Ställningen

Detta är en term som vi kan ha sett från Räls och andra ramar, används den i stor utsträckning Express.js och det är inget annat än att ramverket genererar en struktur och baskod, även kallad Kokplatta vilket hjälper oss att starta vår ansökan.

På detta sätt kan vi skapa ramarna för ett projekt från ett kommando och på så sätt glömma att behöva komma ihåg alla nödvändiga mappar och grundfiler. Självklart, eftersom det här är något så allmänt, så hamnar vi många gånger om många saker eller skapar våra egna mappar, men att ha en utgångspunkt är perfekt.

3. Installera Express.js

Installationen av ramverket är ganska enkel, tack vare stegen det tar npm, för installation Express.js vi behöver bara gå till kommandokonsolen där vi kan köra npm och placera följande kommando:

 npm installera express -spara

Detta kommer att få vårt system att ladda ner all nödvändig kod för att kunna generera våra projekt och även använda de olika verktygen som den lägger Express.js Till vårt förfogande, i konsolen kommer vi att se något liknande följande om installationen har lyckats.

Vi kan märka att flera associerade paket har installerats och att versionen av Express.js i skrivande stund är denna handledning den 4.11.2, här är det viktigt att påpeka att det från version 4 och framåt var en stor förändring så det är viktigt om vi letar efter information för att se till att det är för version 4 och framåt.

Vår första appFör vår första applikation kommer vi att skapa en webbsida med två sektioner, eftersom vi just lärde känna verktyget, varje avsnitt kommer att ha en liten text, det viktiga är att vi måste skapa en liten server och hantera förfrågningar från våra användare.

4. Servern

Det första vi måste göra är att skapa en mapp dit vår applikation kommer att gå och inuti skapa en fil som heter index.js, detta namn är vanligtvis placerat som en konvention, men det kan vara vilket annat namn som helst, faktiskt kommer vi att ändra saker och placera namnet på vår fil helloexpress.js.

När vi har vår fil börjar vi med att inkludera uttrycka använder instruktion behöva, med detta kommer vi att ha till vårt förfogande alla ramverktyg, sedan kommer vi att använda metoderna uppsättning() Y använda sig av (), där vi med den första kommer att etablera porten genom vilken vår server ska vänta på anslutningar, och med den andra kommer vi att fastställa vad som ska hända när vi får ett 404 -fel eller ett 500 -fel.

Slutligen med metoden lyssna () vi får vår applikation att stå upp när vi kör vår fil. Låt oss se koden nedan:

 var express = require ('express'); var app = express (); app.set ('port', process.env.PORT || 3001); app.use (function (req, res) {res.type ( 'text / plain'); res.status (404); res.send ('404 - Hittades inte');}); app.use (funktion (err, req, res, nästa) {console.error (err. stack); res.type ('text / plain'); res.status (500); res.send ('500 - något är fel!');}); app.listen (app.get ('port'), function () {console.log ('Express startades på http: // localhost:' + app.get ('port') + '; tryck på Ctrl-C för att stänga servern.');});

Nu måste vi bara skriva följande kommando i konsolen:

 nod helloexpress.js

Med detta kommer vår server att lyfta. Problemet är att vi inte kommer att se någonting, detta beror på att vi inte har fastställt programmets rutter, men om vi ser följande skärm ser vi att det fungerar eftersom vårt meddelande som vi placerade för 404 har kommit ut.

FÖRSTORA

5. Inklusive rutterna

För att få ett resultat utöver 404 -sidan som vi genererar måste vi inkludera rutter, vilket inte är annat än att berätta för vår applikation att när en användare begär en rutt med en metod HTTP specifikt returneras ett resultat som vi definierar, alltså en rutt skaffa sig det är inte samma sak som en rutt posta och därför kan båda trots att de är i samma riktning ge oss olika resultat.

Så låt oss skapa ett par rutter skaffa sig, måste den här koden placeras strax före koden som genererar 404, så vi ska ändra vår fil helloexpress.js och nu ska det vara så här:

 var express = require ('express'); var app = express (); app.set ('port', process.env.PORT || 3001); app.get ('/', function (req, res) { res.type ('text / plain'); res.send ('Hello, welcome to my first app');}); app.get (' / other path', function (req, res) {res.type ( 'text / plain'); res.send ('Detta är en annan sökväg för vår app');}); app.use (function (req, res) {res.type ('text / plain'); res.status (404); res.send ('404 - Hittades inte');}); app.use (funktion (err, req, res, nästa) {console.error (err.stack); res.type ('text / vanlig '); res.status (500); res.send (' 500 - något är fel! ');}); app.listen (app.get (' port '), function () {console.log (' Express började på http: // localhost: ' + app.get (' port ') +'; tryck på Ctrl-C för att stänga av servern. ');});

Hur kan vi märka metoden skaffa sig tar emot rutten och sedan en anonym funktion, inom detta skickar vi typen av svar i det här fallet text / vanlig och sedan skickar vi innehållet, om vi kör vårt exempel i webbläsaren får vi äntligen något liknande följande:

FÖRSTORA

Rutterna posta De fungerar på ett liknande sätt, först då måste vi införliva en hantering för de parametrar som kan inkluderas men vi bör inte oroa oss för mycket om detta just nu. Vi kunde sedan kontrollera hur vi har påverkat resultatet av vad användaren kan se direkt.

ViktigNågot som är viktigt att notera är att varje gång vi ändrar något i vår kod måste vi stänga programmet och starta det igen för att ändringarna ska träda i kraft. Denna start kan verka väldigt enkel och det är, tanken är att vi kan vänja oss vid att arbeta på ett sätt som vi förstår servern och hur den fungerar, eftersom vi på så sätt kan skapa de program vi vill ha med den kod vi verkligen vill ha och det är magin i Express.js.

Härifrån kan vi börja experimentera med de typer av svar och innehållet som vi vill servera, men den verkliga kraften kommer när vi börjar implementera en mallmotor, men det är redan ett lite mer avancerat ämne i denna handledning.

Med detta har vi avslutat denna handledning vi har byggt en liten applikation att ta våra första steg med Express.js, om vi har vetat Node.js vi ser direkt att saker och ting är lite mer direkta och enkla. Men den verkliga kraften kommer vi att se när vi börjar implementera andra verktyg som mallar eller modeller.