Първи стъпки с Express.js

JavaScript е водеща в уеб разработката, богатството от процедури за обработка в реално време и съпътстващата ги гъвкавост го превърнаха в един от най-бързо развиващите се езици през последните 5 години.

От излизането на Node.js Много се говори за създаване на приложения, които използват един език, а днес е възможно, като се използват Front-End рамки като AngularJS или Backbone.js, също използвайки бази данни като MongoDB или CouchDB и накрая от страна на сървъра, работещи с мощните Node.js.

Но за работа с големи приложения от нулата Node.js трябва да правим много повтарящи се и сложни неща, това е мястото, където идва Express.js, което не е нищо повече от MVC рамка, която ни помага да опростим разработването на нашата логика Back-end, и разчита на Node.js води до големи приложения, направени изцяло в JavaScript.

ИзискванияНашите изисквания са доста елементарни, трябва само да имаме Node.js инсталирани и работещи на нашата система, ако имаме най -новата версия, трябва да се уверим, че и ние имаме npm наличен, който е инструментът, който ще ни позволи да инсталираме различните пакети, от които се нуждаем, както в случая с рамката, Express.js.

1. Express.js

Тази рамка е проектирана да има някои функции, вдъхновени от други рамки като Релси или Синатра, това означава, че когато опитен разработчик го хване, той може да се чувства комфортно да борави с концепции, които вече знае, но със силата на Node.js и само с използване JavaScript скоростта на развитие се умножава.

Преди да се задълбочим допълнително в темата, нека първо разгледаме най -важните характеристики на Express.js:

МинимумИдеята зад рамката не е да се включваме в други въпроси, които не са посреднически между нашето приложение и сървъра, тъй като това не усложнява живота ни с хиляди компоненти, а само ни предоставя най -необходимите неща.

ГъвкавПоради характеристиката си да е минимална, получавате голяма гъвкавост, тъй като разработчикът може да избере начина, по който иска да работи, и му е позволено да внедри свои собствени решения или да включи готови решения, като напр. ORM за различни видове Бази данни.

Създаден за приложенияЦелта на Express.js е да улесни изграждането на уеб приложения, независимо дали са страници, услуги ПОЧИВКАили дори хибридни приложения.

2. Скелето

Това е термин, от който може би сме видели Релси и други рамки, той се използва широко в Express.js и не е нищо повече от рамката, генерираща структура и основен код, наричан също стереотипния което ни помага да стартираме нашето приложение.

По този начин можем да създадем рамката на проект от команда и по този начин да забравим, че трябва да запомним всяка от необходимите папки и основни файлове. Очевидно, тъй като това е нещо толкова общо, много пъти в крайна сметка пренаписваме много неща или създаваме свои собствени папки, но да имаме отправна точка е перфектно.

3. Инсталирайте Express.js

Инсталирането на рамката е доста просто, благодарение на необходимите стъпки npm, за инсталиране Express.js трябва само да отидем до командната конзола, където можем да изпълним npm и поставете следната команда:

 npm install express --save

Това ще накара нашата система да изтегли целия необходим код, за да може да генерира нашите проекти, както и да използва различните инструменти, които поставя Express.js На наше разположение в конзолата ще видим нещо като следното, ако инсталацията е била успешна.

Можем да забележим, че са инсталирани няколко свързани пакета и че версията на Express.js към момента на писане на този урок е 4.11.2, тук е важно да се отбележи, че от версия 4 нататък е имало голяма промяна, така че е важно, ако търсим информация, за да се уверим, че е за версия 4 нататък.

Първото ни приложениеЗа първото ни приложение ще създадем уеб страница с два раздела, тъй като тепърва се запознаваме с инструмента, всеки раздел ще има малък текст, важното е, че ще трябва да създадем малък сървър и да се справим с искания на нашите потребители.

4. Сървърът

Първото нещо, което трябва да направим, е да създадем папка, в която ще отиде нашето приложение, а вътре да създадем файл, наречен index.js, това име обикновено се поставя като конвенция, но може да бъде всяко друго име, всъщност ще променим нещата и ще поставим името на нашия файл helloexpress.js.

След като имаме нашия файл, ще започнем с включването експресно използвайки инструкция изискват, с това ще имаме на разположение всички инструменти на рамката, след това ще използваме методите комплект() Y използвай (), където с първия ще установим порта, през който сървърът ни трябва да изчака връзки, а с втория ще установим какво трябва да се случи, когато получим грешка 404 или грешка 500.

И накрая с метода слушам () ще направим нашето приложение изправено, когато стартираме нашия файл. Нека да видим кода по -долу:

 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 - Нещо не е наред!');}); app.listen (app.get ('port'), function () {console.log ('Express е стартиран на http: // localhost:' + app.get ('port') + '; натиснете Ctrl-C, за да затворите сървъра.');});

Сега просто трябва да напишем следната команда в конзолата:

 възел helloexpress.js

С това нашият сървър ще се вдигне. Проблемът е, че няма да видим нищо, това е така, защото не сме установили маршрутите на приложението, но ако видим следния екран, виждаме, че работи, защото съобщението ни, което сме поставили за 404, е излязло.

Увеличете

5. Включително и маршрутите

За да получим резултат отвъд 404 страницата, която генерираме, трябва да включим маршрути, което е нищо повече от това да кажем на нашето приложение, че когато потребител поиска маршрут с метод HTTP по -конкретно, резултатът, който дефинираме, се връща, като по този начин маршрут вземете това не е същото като маршрут пост и следователно и двете, въпреки че са в една и съща насока, могат да ни дадат различни резултати.

Нека създадем няколко маршрута вземете, този код трябва да бъде поставен точно пред кода, който генерира 404, така че ще променим нашия файл helloexpress.js и сега трябва да е както следва:

 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 ('Здравейте, добре дошли в първото ми приложение');}); app.get (' / other path', function (req, res) {res.type ( 'text / plain'); res.send ('Това е друг път на нашето приложение');}); app.use (function (req, res) {res.type ('text / plain'); res.status (404); res.send ('404 - Не е намерено');}); app.use (function (err, req, res, next) {console.error (err.stack); res.type ('text / plain '); res.status (500); res.send (' 500 - Нещо не е наред! ');}); app.listen (app.get (' port '), function () {console.log (' Express започна от http: // localhost: ' + app.get (' port ') +'; натиснете Ctrl-C, за да изключите сървъра. ');});

Как можем да забележим метода вземете получава маршрута и след това анонимна функция, в рамките на това изпращаме типа отговор в този случай текст / обикновен и след това изпращаме съдържанието, ако изпълним нашия пример в браузъра, най -накрая ще получим нещо като следното:

Увеличете

Маршрутите пост Те работят по подобен начин, само тогава трябва да включим обработка на параметрите, които могат да бъдат включени, но не бива да се притесняваме твърде много за това в момента. След това успяхме да проверим как сме повлияли на резултата от това, което потребителят може да види директно.

ВажноНещо, което е важно да се отбележи, е, че всеки път, когато променяме нещо в нашия код, трябва да затваряме приложението и да го стартираме отново, за да влязат в сила промените. Това начало може да изглежда много просто и е, идеята е, че можем да свикнем да работим по начин, по който разбираме сървъра и как работи той, тъй като по този начин можем да създаваме приложенията, които искаме с кода, който наистина искаме и това е магията на Express.js.

Оттук можем да започнем да експериментираме с типовете отговори и съдържанието, което искаме да обслужваме, но истинската сила идва, когато започнем да внедряваме механизъм за шаблони, но това вече е малко по -напреднала тема в този урок.

С това завършихме този урок, създадохме малко приложение, с което да направим първите си стъпки Express.js, ако сме знаели Node.js веднага виждаме, че нещата са малко по -директни и прости. Но реалната сила ще видим, когато започнем да прилагаме други инструменти като шаблони или модели.