JavaScript tar ledelsen innen webutvikling, dens rikdom av sanntids behandlingsrutiner og tilhørende allsidighet har gjort det til et av de raskest voksende språkene de siste 5 årene.
Siden utgivelsen av Node.js Mye har blitt sagt om å lage applikasjoner som bruker et enkelt språk, og i dag er det mulig å bruke Front-End-rammer som f.eks AngularJS eller Backbone.js, også bruk av databaser som f.eks MongoDB eller SofaDB og til slutt på serversiden som jobber med de mektige Node.js.
Men å jobbe med store applikasjoner fra bunnen av med Node.js vi må gjøre mange repeterende og komplekse ting, det er der det kommer inn Express.js, som ikke er annet enn et MVC -rammeverk som hjelper oss å forenkle utarbeidelsen av logikken vår Baksiden, og stole på Node.js resulterer i store applikasjoner laget helt i JavaScript.
KravKravene våre er ganske grunnleggende, vi trenger bare å ha det Node.js installert og kjører på systemet vårt, hvis vi har den nyeste versjonen må vi sørge for at vi også har npm tilgjengelig, som er verktøyet som lar oss installere de forskjellige pakkene vi trenger, som for rammeverket, Express.js.
1. Express.js
Dette rammeverket er designet for å ha noen funksjoner som er inspirert av andre rammer som Skinner eller Sinatra, betyr dette at når en erfaren utvikler får hendene på ham, kan han føle seg komfortabel med å håndtere konsepter som han allerede kjenner, men med kraften til Node.js og bare bruker JavaScript utviklingshastigheten multipliseres.
Før vi går nærmere inn på emnet, la oss først se på de viktigste egenskapene til Express.js:
MinimumIdeen bak rammen er ikke å bli involvert i andre saker som ikke er mellomliggende mellom applikasjonen vår og serveren, for dette kompliserer ikke livet vårt med tusenvis av komponenter, men gir oss bare de mest nødvendige tingene.
FleksibelPå grunn av sin karakteristikk av å være minimal, får du stor fleksibilitet siden utvikleren kan velge måten han vil jobbe på og får lov til å implementere sine egne løsninger eller inkorporere ferdige løsninger som f.eks. ORM for forskjellige typer Databaser.
Laget for applikasjonerMeningen med Express.js er å lette konstruksjonen av webapplikasjoner, enten det er sider, tjenester HVILE, eller til og med hybridapplikasjoner.
2. Stillaset
Dette er et begrep som vi kan ha sett fra Skinner og andre rammer, er det mye brukt i Express.js og det er ikke noe mer enn rammeverket som genererer en struktur og grunnkode, også kalt kokeplate som hjelper oss med å starte applikasjonen vår.
På denne måten kan vi lage rammeverket for et prosjekt fra en kommando og dermed glemme å måtte huske hver av de nødvendige mappene og grunnleggende filene. Åpenbart, ettersom dette er noe så generelt, mange ganger ender vi med å skrive om mange ting eller lage våre egne mapper, men å ha et utgangspunkt er perfekt.
3. Installer Express.js
Installasjonen av rammeverket er ganske enkel, takket være trinnene det tar npm, for installasjon Express.js vi trenger bare å gå til kommandokonsollen der vi kan utføre npm og legg inn følgende kommando:
npm installer ekspress -lagreDette vil gjøre at systemet vårt laster ned all nødvendig kode for å kunne generere våre prosjekter og også bruke de forskjellige verktøyene det setter Express.js Til vår disposisjon vil vi i konsollen se noe som dette hvis installasjonen har vært vellykket.
Vi kan legge merke til at flere tilknyttede pakker er installert og at versjonen av Express.js i skrivende stund er denne opplæringen 4.11.2, her er det viktig å påpeke at fra versjon 4 og utover var det en stor endring, så det er viktig hvis vi ser etter informasjon for å sikre at den er for versjon 4 og utover.
Vår første appFor vår første applikasjon skal vi lage en webside med to seksjoner, ettersom vi nettopp blir kjent med verktøyet, hver seksjon vil ha en liten tekst, det viktige er at vi må opprette en liten server og håndtere forespørsler fra våre brukere.
4. Serveren
Det første vi må gjøre er å opprette en mappe hvor programmet vårt vil gå og inne lage en fil som heter index.js, er dette navnet vanligvis plassert som en konvensjon, men det kan være et hvilket som helst annet navn, faktisk kommer vi til å endre ting og plassere navnet på filen vår helloexpress.js.
Når vi har filen vår, begynner vi med å inkludere uttrykke bruker instruksjon krever, med dette vil vi ha til rådighet alle verktøyene i rammeverket, så vil vi bruke metodene sett() Y bruk (), hvor vi med den første vil etablere porten som serveren vår skal vente på tilkoblinger på, og med den andre vil vi finne ut hva som skal skje når vi får en 404 -feil eller en 500 -feil.
Til slutt med metoden lytte () vi får applikasjonen vår til å stå opp når vi kjører filen. La oss se koden nedenfor:
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 - Not Found');}); app.use (function (err, req, res, next) {console.error (err. stack); res.type ('text / plain'); res.status (500); res.send ('500 - Something is wrong!');}); app.listen (app.get ('port'), function () {console.log ('Express ble startet på http: // localhost:' + app.get ('port') + '; trykk Ctrl-C for å lukke serveren.');});Nå må vi bare skrive følgende kommando i konsollen:
node helloexpress.jsMed dette vil vår server løfte. Problemet er at vi ikke vil se noe, dette er fordi vi ikke har etablert rutene for applikasjonen, men hvis vi ser følgende skjermbilde ser vi at det fungerer fordi meldingen vår som vi plasserte for 404 har kommet ut.
FORSTØRRE
5. Inkludert rutene
For å få et resultat utover 404 -siden vi genererer, må vi inkludere ruter, noe som ikke er annet enn å fortelle applikasjonen vår at når en bruker ber om en rute med en metode HTTP spesifikt returneres et resultat som vi definerer, og dermed en rute få det er ikke det samme som en rute post og derfor kan begge til tross for at vi er i samme retning gi oss forskjellige resultater.
Så la oss lage et par ruter få, må denne koden plasseres like før koden som genererer 404, så vi skal endre filen vår helloexpress.js og nå skal 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 ('This is another path of our app');}); app.use (function (req, res) {res.type ('text / plain'); res.status (404); res.send ('404 - ikke funnet');}); app.use (funksjon (err, req, res, neste) {console.error (err.stack); res.type ('text / vanlig '); res.status (500); res.send (' 500 - noe er galt! ');}); app.listen (app.get (' port '), funksjon () {console.log (' Express startet på http: // localhost: ' + app.get (' port ') +'; trykk Ctrl-C for å slå av serveren. ');});Hvordan kan vi legge merke til metoden få mottar ruten og deretter en anonym funksjon, innen denne sender vi typen svar i dette tilfellet tekst / vanlig og så sender vi innholdet, hvis vi kjører eksempelet vårt i nettleseren, får vi endelig noe som dette:
FORSTØRRE
Rutene post De fungerer på en lignende måte, bare da må vi inkorporere en håndtering for parametrene som kan inkluderes, men vi bør ikke bekymre oss for mye om dette for øyeblikket. Vi kunne deretter sjekke hvordan vi har påvirket resultatet av det brukeren kan se direkte.
ViktigNoe som er viktig å merke seg er at hver gang vi endrer noe i koden, må vi lukke programmet og starte det på nytt for at endringene skal tre i kraft. Denne starten kan virke veldig enkel, og det er, tanken er at vi kan bli vant til å jobbe på en måte som vi forstår serveren og hvordan den fungerer, siden vi på denne måten kan lage programmene vi vil ha med koden vi virkelig ønsker og det er magien til Express.js.
Herfra kan vi begynne å eksperimentere med typer svar og innholdet vi ønsker å tjene, men den virkelige kraften kommer når vi begynner å implementere en malmotor, men det er allerede et litt mer avansert tema i denne opplæringen.
Med dette har vi fullført denne opplæringen, vi har bygget en liten applikasjon for å ta de første trinnene med Express.js, hvis vi har kjent Node.js vi ser umiddelbart at ting er litt mer direkte og enkle. Men den virkelige kraften vil vi se når vi begynner å implementere andre verktøy, for eksempel maler eller modeller.
