Darba sākšana ar Express.js

JavaScript uzņemas vadību tīmekļa izstrādē, tā bagātīgā reālā laika apstrādes kārtība un ar to saistītā daudzpusība ir padarījusi to par vienu no visstraujāk augošajām valodām pēdējo 5 gadu laikā.

Kopš atbrīvošanas Node.js Daudz ir runāts par tādu lietojumprogrammu izveidi, kurās tiek izmantota viena valoda, un šodien tas ir iespējams, izmantojot front-end ietvarus, piemēram, AngularJS vai Backbone.js, izmantojot arī tādas datu bāzes kā MongoDB vai CouchDB un visbeidzot servera pusē, strādājot ar spēcīgajiem Node.js.

Bet strādāt ar lielām lietojumprogrammām no nulles ar Node.js mums ir jādara daudzas atkārtotas un sarežģītas lietas, tur tas nāk Express.js, kas ir nekas vairāk kā MVC ietvars, kas palīdz mums vienkāršot mūsu loģikas izstrādi Aizmugure, un paļaujoties uz Node.js rezultātā tiek izveidoti lieli lietojumi, kas veikti pilnībā JavaScript.

PrasībasMūsu prasības ir diezgan elementāras, mums tikai jābūt Node.js instalēta un darbojas mūsu sistēmā, ja mums ir jaunākā versija, mums ir jāpārliecinās, ka mums tā ir npm ir pieejams rīks, kas ļaus mums instalēt dažādas nepieciešamās paketes, piemēram, ietvara gadījumā, Express.js.

1. Express.js


Šī sistēma ir veidota tā, lai tai būtu dažas funkcijas, kuras iedvesmojuši citi ietvari, piemēram Sliedes vai Sinatra, tas nozīmē, ka tad, kad pieredzējis izstrādātājs saņem viņu rokās, viņš var justies ērti, strādājot ar jau zināmiem jēdzieniem, bet ar Node.js un tikai izmantojot JavaScript attīstības ātrums tiek reizināts.

Pirms iedziļināties tēmā, vispirms apskatīsim vissvarīgākās īpašības Express.js:

MinimumsIetvara pamatā ir neiesaistīties citos jautājumos, kas nav starpnieks starp mūsu lietojumprogrammu un serveri, jo tas nesarežģī mūsu dzīvi ar tūkstošiem sastāvdaļu, bet tikai nodrošina mums nepieciešamākās lietas.

ElastīgaTā kā tas ir minimāls, jūs iegūstat lielu elastību, jo izstrādātājs var izvēlēties, kā viņš vēlas strādāt, un viņam ir atļauts īstenot savus risinājumus vai iekļaut gatavus risinājumus, piemēram, ORM dažādiem veidiem Datu bāzes.

Izgatavots lietojumiemMērķis Express.js ir veicināt tīmekļa lietojumprogrammu izveidi neatkarīgi no tā, vai tās ir lapas, pakalpojumi ATPŪTAvai pat hibrīda lietojumiem.

2. Sastatnes


Tas ir termins, no kura mēs, iespējams, redzējām Sliedes un citi ietvari, to plaši izmanto Express.js un tas ir nekas vairāk kā ietvars, kas ģenerē struktūru un bāzes kodu, ko sauc arī par katls kas palīdz mums sākt mūsu pieteikumu.

Tādā veidā mēs varam izveidot projekta ietvaru no komandas un tādējādi aizmirst par nepieciešamību atcerēties katru no nepieciešamajām mapēm un pamata failiem. Acīmredzot, tā kā tas ir kaut kas tik vispārīgs, daudzas reizes mēs galu galā pārrakstām daudzas lietas vai izveidojam savas mapes, taču sākuma punkts ir ideāls.

3. Instalējiet Express.js


Sistēmas uzstādīšana ir diezgan vienkārša, pateicoties veiktajām darbībām npm, uzstādīšanai Express.js mums tikai jāiet uz komandu konsoli, kur mēs varam izpildīt npm un ievietojiet šādu komandu:
 npm instalēt express -saglabāt
Tas liks mūsu sistēmai lejupielādēt visu nepieciešamo kodu, lai varētu ģenerēt mūsu projektus, kā arī izmantot dažādus rīkus, ko tā ievieto Express.js Mūsu rīcībā konsolē redzēsim kaut ko līdzīgu, ja instalēšana ir bijusi veiksmīga.

Mēs varam pamanīt, ka ir instalētas vairākas saistītās pakotnes un ka Express.js šīs apmācības rakstīšanas laikā ir 4.11.2, šeit ir svarīgi norādīt, ka, sākot ar 4. versiju, ir notikušas lielas izmaiņas, tāpēc ir svarīgi, ja mēs meklējam informāciju, lai pārliecinātos, ka tā ir paredzēta 4. versijai.

Mūsu pirmā lietotnePirmajai lietojumprogrammai mēs izveidosim tīmekļa lapu ar divām sadaļām, jo ​​mēs tikai iepazīstam šo rīku, katrā sadaļā būs neliels teksts, svarīgi ir tas, ka mums būs jāizveido mazs serveris un jārīkojas mūsu lietotāju pieprasījumiem.

4. Serveris


Pirmā lieta, kas mums jādara, ir izveidot mapi, uz kuru tiks novirzīta mūsu lietojumprogramma, un izveidot iekšā failu ar nosaukumu index.js, šis nosaukums parasti tiek ievietots kā nosacījums, tomēr tas var būt jebkurš cits nosaukums, patiesībā mēs mainīsim lietas un ievietojam sava faila nosaukumu helloexpress.js.

Kad būsim ieguvuši savu failu, mēs sāksim, iekļaujot izteikt izmantojot instrukciju pieprasīt, ar to mums būs pieejami visi ietvara rīki, tad mēs izmantosim metodes komplekts () Y izmantot (), kur ar pirmo mēs izveidosim portu, caur kuru mūsu serverim jāgaida savienojumi, un ar otro mēs noteiksim, kas jānotiek, ja saņemam kļūdu 404 vai 500.

Visbeidzot ar metodi klausies () palaižot failu, mēs pieteiksim savu lietojumprogrammu. Apskatīsim kodu zemāk:

 var express = pieprasīt ('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. kaudze); res.type ('teksts / vienkāršs'); res.status (500); res.send ('500 - kaut kas nav kārtībā!');}); app.listen (app.get ('ports'), function () {console.log ('Express tika palaists vietnē http: // localhost:' + app.get ('port') + '; nospiediet Ctrl-C, lai aizvērtu serveri.');});
Tagad mums konsolē ir jāraksta šāda komanda:
 mezgls helloexpress.js
Ar to mūsu serveris pacelsies. Problēma ir tāda, ka mēs neko neredzēsim, tas ir tāpēc, ka mēs neesam noteikuši lietojumprogrammas maršrutus, bet, ja redzam šo ekrānu, mēs redzam, ka tas darbojas, jo ir parādījies mūsu ziņojums, ko ievietojām 404.

PALIELINĀT

5. Ieskaitot maršrutus


Lai iegūtu rezultātu, kas pārsniedz mūsu ģenerēto 404 lapu, mums ir jāiekļauj maršruti, kas ir nekas cits kā mūsu lietotnei jāpasaka, ka tad, kad lietotājs pieprasa maršrutu ar metodi HTTP konkrēti tiek atgriezts mūsu definētais rezultāts, tātad maršruts gūt tas nav tas pats, kas maršruts ziņu un tāpēc abi, neskatoties uz to, ka tie atrodas vienā virzienā, var dot mums atšķirīgus rezultātus.

Tāpēc izveidosim pāris maršrutus gūt, šis kods jāievieto tieši pirms koda, kas ģenerē 404, tāpēc mēs modificēsim savu failu helloexpress.js un tagad tam vajadzētu būt šādam:

 var express = pieprasīt ('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 ('Šis ir vēl viens mūsu lietotnes ceļš');}); 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 / vienkāršs '); res.status (500); res.send (' 500 - kaut kas nav kārtībā! ');}); app.listen (app.get (' ports '), function () {console.log (' Express sākās vietnē http: // localhost: ' + app.get (' port ') +'; nospiediet Ctrl-C, lai izslēgtu serveri. ');});
Kā mēs varam pamanīt metodi gūt saņem maršrutu un pēc tam anonīmu funkciju, šajā gadījumā mēs šajā gadījumā nosūtām atbildes veidu teksts / vienkāršs un pēc tam mēs nosūtām saturu, ja mēs izpildām savu piemēru pārlūkprogrammā, mēs beidzot saņemsim kaut ko līdzīgu:

PALIELINĀT

Maršruti ziņu Tie darbojas līdzīgi, tikai tad mums ir jāiekļauj apstrāde attiecībā uz parametriem, kurus var iekļaut, bet mums nevajadzētu par to pārāk daudz uztraukties. Pēc tam mēs varējām pārbaudīt, kā esam ietekmējuši rezultātu, ko lietotājs var redzēt tieši.

SvarīgsIr svarīgi atzīmēt, ka katru reizi, kad kaut ko mainām savā kodā, mums ir jāaizver lietojumprogramma un jāsāk tā no jauna, lai izmaiņas stātos spēkā. Šis sākums var šķist ļoti vienkāršs, un tā ir, ideja ir tāda, ka mēs varam pierast strādāt tā, lai mēs saprastu serveri un tā darbību, jo tādā veidā mēs varam izveidot vēlamās lietojumprogrammas ar kodu, kuru mēs patiešām vēlamies un tā ir tā burvība Express.js.

No šejienes mēs varam sākt eksperimentēt ar atbilžu veidiem un saturu, ko vēlamies apkalpot, taču patiesā jauda rodas, kad sākam ieviest veidņu dzinēju, tomēr šī apmācība jau ir nedaudz attīstītāka tēma.

Ar to mēs esam pabeiguši šo apmācību, mēs esam izveidojuši nelielu lietojumprogrammu, ar kuru spert pirmos soļus Express.js, ja mēs to zinājām Node.js mēs uzreiz redzam, ka lietas ir nedaudz tiešākas un vienkāršākas. Bet patieso spēku mēs redzēsim, kad sāksim ieviest citus rīkus, piemēram, veidnes vai modeļus.

Jums palīdzēs attīstību vietā, daloties lapu ar draugiem

wave wave wave wave wave