Početak rada s Express.js

JavaScript preuzima vodstvo u razvoju weba, njegovo bogatstvo rutina obrade u stvarnom vremenu i popratna svestranost učinili su ga jednim od najbrže rastućih jezika u posljednjih 5 godina.

Od objavljivanja Node.js Puno se govorilo o stvaranju aplikacija koje koriste jedan jezik, a danas je to moguće, koristeći Front-End okvire kao što su AngularJS ili Okosnica.js, također koristeći baze podataka kao što su MongoDB ili CouchDB i na kraju na strani poslužitelja radeći s moćnima Node.js.

No za rad s velikim aplikacijama ispočetka Node.js moramo učiniti mnogo ponavljajućih i složenih stvari, tu dolazi Express.js, koji nije ništa drugo do MVC okvir koji nam pomaže pojednostaviti razradu naše logike Back-end, i oslanjajući se na Node.js rezultira velikim aplikacijama izrađenim u potpunosti JavaScript.

ZahtjeviNaši zahtjevi su sasvim osnovni, samo ih moramo imati Node.js instaliran i pokrenut na našem sustavu, ako imamo najnoviju verziju, moramo se pobrinuti da i mi imamo npm dostupan alat koji će nam omogućiti instaliranje različitih paketa koji su nam potrebni kao u slučaju okvira, Express.js.

1. Express.js

Ovaj je okvir osmišljen tako da ima neke značajke koje su inspirirane drugim okvirima poput Tračnice ili Sinatra, to znači da kad ga iskusni programer uhvati u ruke, može se osjećati ugodno u rukovanju konceptima koje već poznaje, ali sa snagom Node.js i samo pomoću JavaScript brzina razvoja se višestruko povećava.

Prije nego što se detaljnije pozabavimo temom, pogledajmo najprije najvažnije karakteristike Express.js:

MinimumIdeja iza okvira nije uključivanje u druga pitanja koja ne posreduju između naše aplikacije i poslužitelja, jer nam to ne komplicira život s tisućama komponenti, već nam pruža samo najnužnije stvari.

FleksibilnoZbog svoje minimalne karakteristike, dobivate veliku fleksibilnost jer programer može izabrati način rada i dopušteno mu je implementirati vlastita rješenja ili ugraditi gotova rješenja, npr. ORM za različite vrste Baze podataka.

Napravljeno za aplikacijeSvrha Express.js je olakšati izgradnju web aplikacija, bilo da se radi o stranicama, uslugama ODMOR, ili čak hibridne aplikacije.

2. Skele

Ovo je pojam koji smo možda vidjeli Tračnice i drugim okvirima, naširoko se koristi u Express.js i nije ništa drugo do okvir koji generira strukturu i osnovni kod, koji se također naziva predložak što nam pomaže da pokrenemo našu aplikaciju.

Na taj način možemo iz naredbe stvoriti okvir projekta i na taj način zaboraviti da se moramo sjetiti svake potrebne mape i osnovnih datoteka. Očito, budući da je ovo nešto tako općenito, mnogo puta na kraju prepišemo mnoge stvari ili stvorimo vlastite mape, ali imati polazište je savršeno.

3. Instalirajte Express.js

Instalacija okvira je prilično jednostavna, zahvaljujući potrebnim koracima npm, za instalaciju Express.js moramo samo otići na naredbenu konzolu gdje možemo izvršiti npm i postavite sljedeću naredbu:

 npm install express --save

To će učiniti da naš sustav preuzme sav potreban kôd kako bi mogao generirati naše projekte, a također i koristiti različite alate koje postavlja Express.js Na raspolaganju, u konzoli ćemo vidjeti nešto poput sljedećeg ako je instalacija bila uspješna.

Možemo primijetiti da je instalirano nekoliko povezanih paketa i da je verzija Express.js u vrijeme pisanja ovog vodiča je 4.11.2, ovdje je važno istaknuti da je od verzije 4 nadalje došlo do velike promjene pa je važno ako tražimo informacije kako bismo bili sigurni da se radi o verziji 4 nadalje.

Naša prva aplikacijaZa našu prvu aplikaciju izradit ćemo web stranicu s dva odjeljka, jer tek upoznajemo alat, svaki odjeljak će imati mali tekst, važno je da ćemo morati stvoriti mali poslužitelj i rukovati zahtjeve naših korisnika.

4. Poslužitelj

Prvo što moramo učiniti je stvoriti mapu u koju će ići naša aplikacija, a iznutra stvoriti datoteku pod nazivom index.js, ovaj naziv se općenito stavlja kao konvencija, međutim to može biti bilo koji drugi naziv, zapravo ćemo promijeniti stvari i postaviti naziv naše datoteke helloexpress.js.

Nakon što imamo datoteku, počet ćemo s uključivanjem izraziti koristeći instrukciju zahtijevaju, s time ćemo imati na raspolaganju sve alate okvira, tada ćemo se poslužiti metodama set () Y koristiti (), gdje ćemo s prvim uspostaviti port preko kojeg bi naš poslužitelj trebao čekati veze, a s drugim ćemo ustanoviti što bi se trebalo dogoditi kada dobijemo pogrešku 404 ili grešku 500.

Na kraju s metodom slušaj () učinit ćemo da naša aplikacija stoji kad pokrenemo našu datoteku. Pogledajmo donji kod:

 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 (greška. stack); res.type ('text / plain'); res.status (500); res.send ('500 - Nešto nije u redu!');}); app.listen (app.get ('port'), function () {console.log ('Express je pokrenut na http: // localhost:' + app.get ('port') + '; pritisnite Ctrl-C da zatvorite poslužitelj.');});

Sada samo moramo napisati sljedeću naredbu u konzolu:

 čvor helloexpress.js

Time će se naš poslužitelj podići. Problem je u tome što nećemo vidjeti ništa, to je zato što nismo utvrdili rute aplikacije, ali ako vidimo sljedeći zaslon vidimo da radi jer je izašla naša poruka koju smo postavili za 404.

POVEĆAJTE

5. Uključujući rute

Da bismo dobili rezultat izvan stranice 404 koju generiramo, moramo uključiti rute, što nije ništa drugo nego reći našoj aplikaciji da kada korisnik zatraži rutu metodom HTTP točnije, vraća se rezultat koji definiramo, dakle ruta dobiti nije isto što i ruta post pa nam stoga oboje, iako su pod istim smjerom, mogu dati različite rezultate.

Pa napravimo par ruta dobiti, ovaj kôd mora biti postavljen neposredno ispred koda koji generira 404, pa ćemo promijeniti našu datoteku helloexpress.js a sada bi to trebalo biti ovako:

 var express = require ('express'); var app = express (); app.set ('port', process.env.PORT || 3001); app.get ('/', funkcija (req, res) { res.type ('text / plain'); res.send ('Pozdrav, dobrodošli u moju prvu aplikaciju');}); app.get (' / other path', function (req, res) {res.type ( 'text / plain'); res.send ('Ovo je još jedan put naše aplikacije');}); app.use (function (req, res) {res.type ('text / plain'); res.status (404); res.send ('404 - Nije pronađeno');}); app.use (function (err, req, res, next) {console.error (err.stack); res.type ('text / plain '); res.status (500); res.send (' 500 - Nešto nije u redu! ');}); app.listen (app.get (' port '), function () {console.log (' Express započelo na http: // localhost: ' + app.get (' port ') +'; pritisnite Ctrl-C da biste isključili poslužitelj. ');});

Kako možemo primijetiti metodu dobiti prima rutu, a zatim anonimnu funkciju, unutar toga šaljemo vrstu odgovora u ovom slučaju tekst / običan i onda šaljemo sadržaj, ako pokrenemo naš primjer u pregledniku, konačno ćemo dobiti nešto poput sljedećeg:

POVEĆAJTE

Rute post Djeluju na sličan način, samo tada moramo uključiti rukovanje parametrima koji se mogu uključiti, ali ne bismo se trebali previše brinuti zbog toga u ovom trenutku. Tada smo mogli provjeriti kako smo utjecali na rezultat onoga što korisnik može vidjeti izravno.

VažnoVažno je napomenuti da svaki put kad promijenimo nešto u kodu moramo zatvoriti aplikaciju i ponovo je pokrenuti kako bi promjene stupile na snagu. Ovaj početak može se činiti vrlo jednostavnim, a jest, ideja je da se možemo naviknuti na rad na način da razumijemo poslužitelj i njegov rad, jer na taj način možemo stvarati aplikacije koje želimo s kodom koji doista želimo i to je čarolija Express.js.

Odavde možemo početi eksperimentirati s vrstama odgovora i sadržajem koji želimo poslužiti, no prava snaga dolazi kada počnemo implementirati mehanizam predložaka, međutim to je već malo naprednija tema u ovom vodiču.

Ovime smo završili ovaj vodič, izgradili smo malu aplikaciju s kojom ćemo napraviti prve korake Express.js, ako smo znali Node.js odmah vidimo da su stvari malo izravnije i jednostavnije. No pravu snagu vidjet ćemo kad počnemo implementirati druge alate poput predložaka ili modela.