Kom godt i gang med Express.js

JavaScript er førende inden for webudvikling, dets rigdom af realtidsbehandlingsrutiner og tilhørende alsidighed har gjort det til et af de hurtigst voksende sprog i de sidste 5 år.

Siden udgivelsen af Node.js Meget er blevet sagt om oprettelse af applikationer, der bruger et enkelt sprog, og i dag er det muligt ved hjælp af Front-End-rammer som f.eks VinkelJS eller Backbone.js, også ved hjælp af databaser som f.eks MongoDB eller CouchDB og endelig på serversiden, der arbejder med de magtfulde Node.js.

Men at arbejde med store applikationer fra bunden med Node.js vi skal gøre mange gentagne og komplekse ting, det er der det kommer ind Express.js, som ikke er mere end en MVC -ramme, der hjælper os med at forenkle udarbejdelsen af ​​vores logik Bagende, og stole på Node.js resulterer i store applikationer udelukkende lavet i JavaScript.

KravVores krav er ganske grundlæggende, vi behøver kun at have dem Node.js installeret og kører på vores system, hvis vi har den nyeste version, skal vi sikre os, at vi også har npm tilgængeligt, hvilket er værktøjet, der giver os mulighed for at installere de forskellige pakker, som vi har brug for, som i tilfælde af rammen, Express.js.

1. Express.js

Denne ramme er designet til at have nogle funktioner, der blev inspireret af andre rammer som Skinner eller Sinatra, betyder det, at når en erfaren udvikler får fingrene i ham, kan han føle sig godt tilpas med at håndtere koncepter, som han allerede kender, men med kraften fra Node.js og kun bruger JavaScript udviklingshastigheden multipliceres.

Før vi går mere ind i emnet, lad os først se på de vigtigste egenskaber ved Express.js:

MinimumIdeen bag rammen er ikke at blive involveret i andre spørgsmål, der ikke er mellemliggende mellem vores applikation og serveren, for det komplicerer ikke vores liv med tusinder af komponenter, men giver os kun de mest nødvendige ting.

FleksibelPå grund af dets kendetegn ved at være minimal, får du stor fleksibilitet, da udvikleren kan vælge den måde, han vil arbejde på, og får lov til at implementere sine egne løsninger eller indarbejde færdige løsninger som f.eks. ORM til forskellige typer Databaser.

Lavet til applikationerFormålet med Express.js er at lette konstruktionen af ​​webapplikationer, uanset om det er sider, tjenester HVILEeller endda hybrid applikationer.

2. Stilladset

Dette er et udtryk, som vi måske har set fra Skinner og andre rammer, er det meget udbredt i Express.js og det er intet mere end rammen, der genererer en struktur og en grundkode, også kaldet kogeplade som hjælper os med at starte vores ansøgning.

På denne måde kan vi skabe rammerne for et projekt ud fra en kommando og dermed glemme alt om at skulle huske hver af de nødvendige mapper og grundlæggende filer. Det er klart, da dette er noget så generelt, mange gange ender vi med at omskrive mange ting eller oprette vores egne mapper, men at have et udgangspunkt er perfekt.

3. Installer Express.js

Installationen af ​​rammen er ganske enkel takket være de trin, den tager npm, til installation Express.js vi skal kun gå til kommandokonsollen, hvor vi kan udføre npm og placer følgende kommando:

 npm installer express -gem

Dette får vores system til at downloade al den nødvendige kode for at kunne generere vores projekter og også bruge de forskellige værktøjer, det lægger Express.js Til vores rådighed vil vi i konsollen se noget i retning af følgende, hvis installationen har været vellykket.

Vi kan bemærke, at flere tilknyttede pakker er blevet installeret, og at versionen af Express.js i skrivende stund er denne vejledning den 4.11.2, her er det vigtigt at påpege, at der fra version 4 og fremefter var en stor ændring, så det er vigtigt, hvis vi leder efter oplysninger for at sikre, at det er til version 4 og fremefter.

Vores første appTil vores første applikation skal vi oprette en webside med to sektioner, da vi lige er ved at lære værktøjet at kende, hvert afsnit vil have en lille tekst, det vigtige er, at vi bliver nødt til at oprette en lille server og håndtere anmodninger fra vores brugere.

4. Serveren

Den første ting, vi skal gøre, er at oprette en mappe, hvor vores ansøgning vil gå, og indeni oprette en fil kaldet index.js, dette navn er generelt placeret som en konvention, men det kan være et hvilket som helst andet navn, faktisk vil vi ændre ting og placere navnet på vores fil helloexpress.js.

Når vi har vores fil, starter vi med at inkludere udtrykke ved hjælp af instruktion kræve, med dette vil vi råde over alle værktøjerne i rammen, så vil vi bruge metoderne sæt() Y brug (), hvor vi med den første vil etablere den port, hvorigennem vores server skal vente på forbindelser, og med den anden vil vi fastslå, hvad der skal ske, når vi får en 404 -fejl eller en 500 -fejl.

Endelig med metoden Lyt () vi får vores applikation til at stå op, når vi kører vores fil. Lad os se koden herunder:

 var express = require ('express'); var app = express (); app.set ('port', process.env.PORT || 3001); app.use (funktion (req, res) {res.type ( 'tekst / almindelig'); res.status (404); res.send ('404 - ikke fundet');}); app.use (funktion (fejl, forespørgsel, res, næste) {console.error (fejl. stack); res.type ('tekst / almindelig'); res.status (500); res.send ('500 - der er noget galt!');}); app.listen (app.get ('port'), function () {console.log ('Express blev startet på http: // localhost:' + app.get ('port') + '; tryk på Ctrl-C for at lukke serveren.');});

Nu skal vi bare skrive følgende kommando i konsollen:

 node helloexpress.js

Med dette vil vores server løfte. Problemet er, at vi ikke vil se noget, det er fordi vi ikke har fastlagt ruter for applikationen, men hvis vi ser følgende skærmbillede ser vi, at det virker, fordi vores besked, som vi placerede til 404, er kommet ud.

FORSTØRRE

5. Inklusive ruterne

For at opnå et resultat ud over den 404 side, vi genererer, skal vi inkludere ruter, hvilket ikke er andet end at fortælle vores applikation, at når en bruger anmoder om en rute med en metode HTTP specifikt returneres et resultat, som vi definerer, og dermed en rute få det er ikke det samme som en rute stolpe og derfor kan begge til trods for at være under samme retning give os forskellige resultater.

Så lad os oprette et par ruter få, skal denne kode placeres lige før koden, der genererer 404, så vi skal ændre vores fil helloexpress.js og nu skulle det være som følger:

 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 ('Dette er en anden sti til vores app');}); app.use (funktion (req, res) {res.type ('text / plain'); res.status (404); res.send ('404 - ikke fundet');}); app.use (funktion (err, req, res, næste) {console.error (err.stack); res.type ('text / almindeligt '); res.status (500); res.send (' 500 - der er noget galt! ');}); app.listen (app.get (' port '), funktion () {console.log (' Express startede på http: // localhost: ' + app.get (' port ') +'; tryk på Ctrl-C for at lukke serveren. ');});

Hvordan kan vi lægge mærke til metoden få modtager ruten og derefter en anonym funktion, inden for dette sender vi typen af ​​svar i dette tilfælde tekst / almindelig og derefter sender vi indholdet, hvis vi kører vores eksempel i browseren, får vi endelig noget i retning af følgende:

FORSTØRRE

Ruterne stolpe De fungerer på en lignende måde, først da skal vi indarbejde en håndtering af de parametre, der kan inkluderes, men vi skal ikke bekymre os for meget om dette på nuværende tidspunkt. Vi kunne derefter kontrollere, hvordan vi har påvirket resultatet af, hvad brugeren kan se direkte.

VigtigNoget, der er vigtigt at bemærke, er, at hver gang vi ændrer noget i vores kode, skal vi lukke applikationen og starte den igen, for at ændringerne træder i kraft. Denne start kan virke meget enkel, og det er, tanken er, at vi kan vænne os til at arbejde på en måde, så vi forstår serveren og hvordan den fungerer, da vi på denne måde kan oprette de applikationer, vi ønsker, med den kode, vi virkelig ønsker og det er magien ved Express.js.

Herfra kan vi begynde at eksperimentere med de typer svar og det indhold, vi ønsker at betjene, men den virkelige kraft kommer, når vi begynder at implementere en skabelonmotor, men det er allerede et lidt mere avanceret emne i denne vejledning.

Med dette har vi afsluttet denne vejledning, vi har bygget en lille applikation til at tage vores første skridt med Express.js, hvis vi har vidst det Node.js vi ser straks, at tingene er lidt mere direkte og enkle. Men den virkelige kraft vil vi se, når vi begynder at implementere andre værktøjer såsom skabeloner eller modeller.