Noțiuni introductive despre Express.js

JavaScript preia conducerea dezvoltării web, bogăția sa de rutine de procesare în timp real și versatilitatea însoțitoare au făcut-o una dintre limbile cu cea mai rapidă creștere din ultimii 5 ani.

De la lansarea Node.js S-au spus multe despre crearea de aplicații care utilizează un singur limbaj și astăzi este posibil, folosind cadre front-end precum AngularJS sau Backbone.js, folosind și baze de date precum MongoDB sau CouchDB și, în cele din urmă, pe partea serverului, lucrând cu cei puternici Node.js.

Dar pentru a lucra cu aplicații mari de la zero Node.js trebuie să facem multe lucruri repetitive și complexe, aici intervine Express.js, care nu este altceva decât un cadru MVC care ne ajută să simplificăm elaborarea logicii noastre Back-end, și bazându-mă pe Node.js are ca rezultat aplicații mari realizate în întregime în JavaScript.

CerințeCerințele noastre sunt destul de elementare, trebuie doar să le avem Node.js instalat și care rulează pe sistemul nostru, dacă avem cea mai recentă versiune, trebuie să ne asigurăm că avem și noi npm disponibil care este instrumentul care ne va permite să instalăm diferitele pachete de care avem nevoie ca în cazul cadrului, Express.js.

1. Express.js

Acest cadru a fost conceput pentru a avea unele caracteristici care au fost inspirate de alte cadre precum Șine sau Sinatra, asta înseamnă că atunci când un dezvoltator experimentat pune mâna pe el, se poate simți confortabil manipulând concepte pe care le cunoaște deja, dar cu puterea Node.js și numai folosind JavaScript viteza de dezvoltare este multiplicată.

Înainte de a aprofunda subiectul, să analizăm mai întâi cele mai importante caracteristici ale Express.js:

MinimIdeea din spatele cadrului nu este să ne implicăm în alte chestiuni care nu intermediază între aplicația noastră și server, pentru aceasta nu ne complică viața cu mii de componente, ci ne oferă doar cele mai necesare lucruri.

FlexibilDatorită caracteristicii sale de a fi minim, veți obține o mare flexibilitate, deoarece dezvoltatorul poate alege modul în care dorește să lucreze și este permis să își implementeze propriile soluții sau să încorporeze soluții gata făcute, cum ar fi ORM pentru diferite tipuri de Baze de date.

Creat pentru aplicațiiScopul de Express.js este de a facilita construirea de aplicații web, indiferent dacă acestea sunt pagini, servicii ODIHNĂ, sau chiar aplicații hibride.

2. Schela

Acesta este un termen din care poate am văzut Șine și alte cadre, este utilizat pe scară largă în Express.js și nu este altceva decât cadrul care generează o structură și un cod de bază, de asemenea, numit cazan ceea ce ne ajută să începem aplicația.

În acest fel putem crea cadrul unui proiect dintr-o comandă și, astfel, să uităm că trebuie să ne amintim fiecare dintre folderele și fișierele de bază necesare. Evident, deoarece acesta este ceva atât de general, de multe ori ajungem să rescriem multe lucruri sau să ne creăm propriile foldere, dar să avem un punct de plecare este perfect.

3. Instalați Express.js

Instalarea cadrului este destul de simplă, datorită pașilor parcurși npm, pentru instalare Express.js trebuie doar să mergem la consola de comandă unde putem executa npm și plasați următoarea comandă:

 npm install express --save

Acest lucru va face ca sistemul nostru să descarce tot codul necesar pentru a putea genera proiectele noastre și, de asemenea, pentru a utiliza diferitele instrumente pe care le pune Express.js La dispoziția noastră, în consolă vom vedea ceva de genul următor, dacă instalarea a reușit.

Putem observa că au fost instalate mai multe pachete asociate și că versiunea de Express.js în momentul redactării acestui tutorial este 4.11.2, aici este important să subliniem că începând cu versiunea 4 a avut loc o mare schimbare, deci este important dacă căutăm informații pentru a ne asigura că este pentru versiunea 4 și mai departe.

Prima noastră aplicațiePentru prima noastră aplicație vom crea o pagină web cu două secțiuni, deoarece tocmai aflăm instrumentul, fiecare secțiune va avea un text mic, important este că va trebui să creăm un server mic și să gestionăm cererile utilizatorilor noștri.

4. Server-ul

Primul lucru pe care trebuie să-l facem este să creăm un folder în care va merge aplicația noastră și să creăm în interior un fișier numit index.js, acest nume este în general plasat ca o convenție, cu toate acestea poate fi orice alt nume, de fapt vom schimba lucrurile și vom plasa numele fișierului nostru helloexpress.js.

Odată ce avem fișierul nostru, vom începe prin a include expres folosind instrucțiuni solicita, cu aceasta vom avea la dispoziție toate instrumentele cadrului, apoi vom folosi metodele a stabilit() Da utilizare (), unde cu primul vom stabili portul prin care serverul nostru ar trebui să aștepte conexiunile, iar cu al doilea vom stabili ce ar trebui să se întâmple atunci când primim o eroare 404 sau 500.

În cele din urmă cu metoda asculta () vom face ca aplicația noastră să se ridice când vom rula fișierul. Să vedem codul de mai jos:

 var express = require ('express'); var app = express (); app.set ('port', process.env.PORT || 3001); app.use (funcție (req, res) {res.type ( 'text / plain'); res.status (404); res.send ('404 - Not Found');}); app.use (funcție (err, req, res, next) {console.error (err. stack); res.type ('text / simplu'); res.status (500); res.send ('500 - Ceva nu este în regulă!');}); app.listen (app.get ('port'), function () {console.log ('Express a fost pornit de la http: // localhost:' + app.get ('port') + '; apăsați Ctrl-C pentru a închide serverul.');});

Acum trebuie doar să scriem următoarea comandă în consolă:

 nod helloexpress.js

Cu aceasta serverul nostru se va ridica. Problema este că nu vom vedea nimic, acest lucru se datorează faptului că nu am stabilit traseele aplicației, dar dacă vedem următorul ecran, vedem că funcționează, deoarece mesajul nostru pe care l-am plasat pentru 404 a ieșit.

MARI

5. Inclusiv traseele

Pentru a obține un rezultat dincolo de pagina 404 pe care o generăm, trebuie să includem rute, ceea ce nu este altceva decât să spunem aplicației noastre că atunci când un utilizator solicită o rută cu o metodă HTTP în mod specific, se returnează un rezultat pe care îl definim, deci un traseu obține nu este la fel ca un traseu post și, prin urmare, ambele, în ciuda faptului că suntem în aceeași direcție, ne pot da rezultate diferite.

Deci, să creăm câteva rute obține, acest cod trebuie plasat chiar înainte de codul care generează 404, așa că vom modifica fișierul nostru helloexpress.js și acum ar trebui să fie după cum urmează:

 var express = require ('express'); var app = express (); app.set ('port', process.env.PORT || 3001); app.get ('/', function (req, res) { res.type ('text / simplu'); res.send ('Bună ziua, bun venit la prima mea aplicație');}); app.get ('/ altă cale', funcție (cerere, res) {res.type ( 'text / plain'); res.send ('Aceasta este o altă cale a aplicației noastre');}); app.use (funcție (req, res) {res.type ('text / plain'); res.status (404); res.send ('404 - Not Found');}); app.use (funcție (err, req, res, next) {console.error (err.stack); res.type ('text / simplu '); res.status (500); res.send (' 500 - Ceva nu este în regulă! ');}); app.listen (app.get (' port '), funcție () {console.log (' Express a început de la http: // localhost: '+ app.get (' port ') +'; apăsați Ctrl-C pentru a închide serverul. ');});

Cum putem observa metoda obține primește ruta și apoi o funcție anonimă, în cadrul acesta trimitem tipul de răspuns în acest caz text / simplu și apoi trimitem conținutul, dacă rulăm exemplul nostru în browser, vom primi în cele din urmă ceva de genul următor:

MARI

Traseele post Acestea funcționează într-un mod similar, numai atunci trebuie să încorporăm o gestionare a parametrilor care pot fi incluși, dar nu ar trebui să ne îngrijorăm prea mult în acest moment. Am putut verifica apoi modul în care am afectat rezultatul a ceea ce utilizatorul poate vedea direct.

ImportantCeva important de remarcat este că, de fiecare dată când schimbăm ceva în codul nostru, trebuie să închidem aplicația și să o pornim din nou pentru ca modificările să aibă efect. Acest început poate părea foarte simplu și este, ideea este că ne putem obișnui să lucrăm într-un mod în care să înțelegem serverul și cum funcționează, deoarece în acest fel putem crea aplicațiile dorite cu codul pe care îl dorim cu adevărat și asta este magia Express.js.

De aici putem începe să experimentăm tipurile de răspunsuri și conținutul pe care dorim să îl difuzăm, dar adevărata putere vine atunci când începem să implementăm un motor de șabloane, totuși acesta este deja un subiect puțin mai avansat în acest tutorial.

Cu aceasta am terminat acest tutorial, am construit o mică aplicație cu care să facem primii pași Express.js, dacă am știut Node.js vedem imediat că lucrurile sunt puțin mai directe și mai simple. Dar adevărata putere pe care o vom vedea când vom începe să implementăm alte instrumente, cum ar fi șabloane sau modele.