Darbo su „Express.js“ pradžia

„JavaScript“ yra pirmaujanti kuriant žiniatinklį, dėl daugybės duomenų apdorojimo realiuoju laiku procedūrų ir papildomo universalumo ji tapo viena sparčiausiai augančių kalbų per pastaruosius 5 metus.

Nuo išleidimo Node.js Daug kalbėta apie programų kūrimą naudojant vieną kalbą, ir šiandien tai įmanoma naudojant „Front-End“ sistemas, pvz. KampinisJS arba Backbone.js, taip pat naudojant tokias duomenų bazes kaip MongoDB arba „CouchDB“ ir galiausiai serverio pusėje dirbant su galingais Node.js.

Bet dirbti su didelėmis programomis nuo nulio Node.js mes turime daryti daug pasikartojančių ir sudėtingų dalykų, būtent tai ir atsiranda „Express.js“, tai yra ne kas kita, kaip MVC sistema, padedanti supaprastinti mūsų logikos kūrimą Užpakalinė dalis, ir pasikliauti Node.js rezultatas - didelės apimties programos, sukurtos visiškai „JavaScript“.

ReikalavimaiMūsų reikalavimai yra gana paprasti, mums tereikia juos turėti Node.js įdiegta ir veikia mūsų sistemoje, jei turime naujausią versiją, turime įsitikinti, kad taip pat turime npm turimas įrankis, leidžiantis įdiegti įvairius mums reikalingus paketus, kaip ir sistemos atveju, „Express.js“.

1. „Express.js“


Ši sistema sukurta taip, kad turėtų tam tikrų funkcijų, kurias įkvėpė kitos sistemos, pvz Bėgiai arba Sinatra, tai reiškia, kad patyrusiam kūrėjui patekus į rankas, jis gali jaustis patogiai dirbdamas su jau žinomomis sąvokomis, tačiau Node.js ir tik naudojant „JavaScript“ vystymosi greitis dauginasi.

Prieš gilindamiesi į temą, pirmiausia pažvelkime į svarbiausias „Express.js“:

MinimumasSistemos idėja yra nesikišti į kitus dalykus, kurie nėra tarpiniai tarp mūsų programos ir serverio, nes tai neapsunkina mūsų gyvenimo tūkstančiais komponentų, o suteikia tik būtiniausius dalykus.

LankstusDėl būdingo minimalumo jūs gaunate didelį lankstumą, nes kūrėjas gali pasirinkti, kaip nori dirbti, ir jam leidžiama įgyvendinti savo sprendimus arba įtraukti paruoštus sprendimus, pvz. ORM skirtingiems tipams Duomenų bazės.

Skirtas programomsTikslas „Express.js“ yra palengvinti žiniatinklio programų kūrimą, nesvarbu, ar tai puslapiai, paslaugos POILSISar net hibridines programas.

2. Pastoliai


Tai terminas, kurį galbūt matėme Bėgiai ir kitose sistemose, jis plačiai naudojamas „Express.js“ ir tai yra ne kas kita, kaip struktūra, sukurianti struktūrą ir pagrindinį kodą, dar vadinama katilinė kuris padeda mums pradėti mūsų programą.

Tokiu būdu mes galime sukurti projekto sistemą iš komandos ir taip pamiršti, kad turime prisiminti kiekvieną reikalingą aplanką ir pagrindinius failus. Akivaizdu, kad tai yra kažkas tokio bendro, todėl daug kartų perrašome daug dalykų arba sukuriame savo aplankus, tačiau turėti pradinį tašką yra tobula.

3. Įdiekite „Express.js“


Sistemos įdiegimas yra gana paprastas, nes reikia atlikti tam tikrus veiksmus npm, įdiegti „Express.js“ turime tik eiti į komandų konsolę, kur galime vykdyti npm ir įveskite šią komandą:
 npm įdiegti „express“ -išsaugoti
Dėl to mūsų sistema atsisiųs visą reikalingą kodą, kad galėtume kurti mūsų projektus, taip pat naudoti įvairius jos pateiktus įrankius „Express.js“ Mes galime disponuoti konsolėje, jei diegimas buvo sėkmingas.

Galime pastebėti, kad buvo įdiegti keli susiję paketai ir kad „Express.js“ rašant šią pamoką yra 4.11.2, čia svarbu atkreipti dėmesį į tai, kad nuo 4 versijos įvyko didžiulis pokytis, todėl svarbu, jei ieškome informacijos, kad įsitikintume, jog ji skirta 4 versijai.

Mūsų pirmoji programaPirmajai programai mes ketiname sukurti tinklalapį su dviem skyriais, nes tik susipažįstame su įrankiu, kiekvienoje skiltyje bus nedidelis tekstas, svarbu tai, kad turėsime sukurti nedidelį serverį ir tvarkyti mūsų vartotojų prašymus.

4. Serveris


Pirmas dalykas, kurį turime padaryti, yra sukurti aplanką, kuriame bus mūsų programa, ir sukurti failą pavadinimu index.js, šis pavadinimas paprastai pateikiamas kaip susitarimas, tačiau tai gali būti bet koks kitas vardas, iš tikrųjų mes pakeisime dalykus ir įdėsime savo failo pavadinimą helloexpress.js.

Kai turėsime savo failą, pradėsime įtraukdami išreikšti naudojant instrukciją reikalauti, turėdami visas disponavimo sistemos priemones, mes naudosime metodus rinkinys () Y naudoti (), kur su pirmuoju nustatysime prievadą, per kurį mūsų serveris turėtų laukti ryšių, o antruoju nustatysime, kas turėtų nutikti, kai gausime 404 arba 500 klaidą.

Pagaliau su metodu klausyk () paleisdami savo failą, mūsų programa atsistos. Pažiūrėkime žemiau esantį kodą:

 var express = reikalauti ('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. kamino); res.type ('text / plain'); res.status (500); res.send ('500 - Kažkas ne taip!');}); app.listen (app.get ('port'), function () {console.log ('Express buvo paleistas adresu http: // localhost:' + app.get ('port') + '; paspauskite Ctrl-C, kad uždarytumėte serverį.');});
Dabar mes tiesiog turime konsolėje parašyti šią komandą:
 mazgas helloexpress.js
Su tuo mūsų serveris pakils. Problema ta, kad mes nieko nematysime, nes mes nenustatėme programos maršrutų, bet jei pamatysime šį ekraną, pamatysime, kad jis veikia, nes pasirodė mūsų pranešimas, kurį pateikėme 404.

DIDELIS

5. Įskaitant maršrutus


Norėdami gauti daugiau nei 404 puslapio, kurį sukuriame, rezultatą, turime įtraukti maršrutus, o tai ne kas kita, kaip pasakyti savo programai, kad kai vartotojas prašo maršruto naudojant metodą HTTP konkrečiai, grąžinamas mūsų apibrėžtas rezultatas, taigi ir maršrutas gauti tai ne tas pats kaip maršrutas paštu todėl abu, nepaisant to, kad vadovaujamės ta pačia kryptimi, gali duoti skirtingus rezultatus.

Taigi sukurkime porą maršrutų gauti, šis kodas turi būti dedamas prieš pat kodą, kuris generuoja 404, todėl ketiname keisti savo failą helloexpress.js o dabar turetu buti taip:

 var express = reikalauti ('express'); var app = express (); app.set ('port', process.env.PORT || 3001); app.get ('/', function (req, res) { res.type ('text / plain'); res.send ('Sveiki, sveiki atvykę į mano pirmąją programą');}); app.get (' / other path', function (req, res) {res.type ( 'text / plain'); res.send ('Tai dar vienas mūsų programos kelias');}); 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 / paprastas '); res.status (500); res.send (' 500 - Kažkas ne taip! ');}); app.listen (app.get (' port '), function () {console.log (' Express pradėta nuo http: // localhost: ' + app.get (' port ') +'; paspauskite Ctrl-C, kad išjungtumėte serverį. ');});
Kaip galime pastebėti metodą gauti gauna maršrutą ir anoniminę funkciją, šiuo atveju siunčiame atsakymo tipą tekstas / paprastas ir tada mes siunčiame turinį, jei vykdysime savo pavyzdį naršyklėje, pagaliau gausime kažką panašaus:

DIDELIS

Maršrutai paštu Jie veikia panašiai, tik tada turime įtraukti parametrų, kuriuos galima įtraukti, tvarkymą, tačiau šiuo metu neturėtume per daug dėl to jaudintis. Tada galėjome patikrinti, kaip mes paveikėme tai, ką vartotojas gali matyti tiesiogiai.

SvarbuSvarbu atkreipti dėmesį į tai, kad kiekvieną kartą, kai ką nors pakeičiame savo kode, turime uždaryti programą ir pradėti ją iš naujo, kad pakeitimai įsigaliotų. Ši pradžia gali atrodyti labai paprasta ir taip, idėja yra ta, kad mes galime priprasti dirbti taip, kad suprastume serverį ir kaip jis veikia, nes tokiu būdu mes galime sukurti norimas programas naudodami kodą, kurio tikrai norime ir tai yra magija „Express.js“.

Čia galime pradėti eksperimentuoti su atsakymų tipais ir turiniu, kurį norime pateikti, tačiau tikroji galia atsiranda tada, kai pradedame diegti šablono variklį, tačiau tai jau yra šiek tiek pažangesnė šios pamokos tema.

Baigę šį vadovėlį, sukūrėme nedidelę programą, kuria galime žengti pirmuosius žingsnius „Express.js“, jei žinojome Node.js iš karto matome, kad viskas yra šiek tiek tiesiogiškiau ir paprasčiau. Tačiau tikrąją galią pamatysime pradėję diegti kitas priemones, tokias kaip šablonai ar modeliai.

Padėsite svetainės plėtrą, dalintis puslapį su draugais

wave wave wave wave wave