Začínáme s Express.js

JavaScript se ujímá vedení ve vývoji webových aplikací, jeho bohatost rutin pro zpracování v reálném čase a doprovodná všestrannost z něj činí jeden z nejrychleji rostoucích jazyků za posledních 5 let.

Od vydání Node.js O tvorbě aplikací, které používají jeden jazyk, již bylo řečeno mnoho, a dnes je to možné pomocí rámců Front-End, jako je AngularJS nebo Backbone.js, také pomocí databází jako MongoDB nebo CouchDB a nakonec na straně serveru práce s mocnými Node.js.

Ale pracovat s velkými aplikacemi od nuly pomocí Node.js musíme dělat mnoho opakujících se a složitých věcí, tam to přijde Express.js, což není nic jiného než rámec MVC, který nám pomáhá zjednodušit zpracování naší logiky Back-end, a spoléhat se na Node.js výsledkem jsou velké aplikace vyrobené zcela v JavaScript.

PožadavkyNaše požadavky jsou zcela základní, stačí mít Node.js nainstalován a spuštěn v našem systému, pokud máme nejnovější verzi, musíme se ujistit, že také máme npm available which is the tool that will allow us to install the different packages that we need as in the framework, Express.js.

1. Express.js

Tento rámec byl navržen tak, aby měl některé funkce, které byly inspirovány jinými rámci jako Kolejnice nebo SinatraTo znamená, že když se mu zkušený vývojář dostane do rukou, může se cítit pohodlně při manipulaci s koncepty, které již zná, ale s mocí Node.js a pouze pomocí JavaScript rychlost vývoje se znásobuje.

Než se ponoříme dále do předmětu, podívejme se nejprve na nejdůležitější vlastnosti Express.js:

MinimálníMyšlenkou rámce není zapojit se do jiných záležitostí, které nejsou prostředníkem mezi naší aplikací a serverem, protože to nekomplikuje náš život s tisíci komponentami, ale poskytuje nám pouze nejnutnější věci.

FlexibilníVzhledem k tomu, že je minimální, získáte velkou flexibilitu, protože vývojář si může zvolit způsob, jakým chce pracovat, a může implementovat vlastní řešení nebo začlenit hotová řešení, jako je ORM pro různé typy Databáze.

Vyrobeno pro aplikaceÚčel Express.js je usnadnit konstrukci webových aplikací, ať už jde o stránky, služby ZBYTEK, nebo dokonce hybridní aplikace.

2. Lešení

Toto je termín, ze kterého jsme se mohli setkat Kolejnice a další rámce, je široce používán v Express.js a není to nic jiného než rámec generující strukturu a základní kód, také nazývaný kotli což nám pomáhá spustit naši aplikaci.

Tímto způsobem můžeme z příkazu vytvořit rámec projektu a zapomenout tak na nutnost pamatovat si všechny potřebné složky a základní soubory. Je zřejmé, že jelikož se jedná o něco tak obecného, ​​mnohokrát skončíme s přepisováním mnoha věcí nebo vytvářením vlastních složek, ale mít výchozí bod je perfektní.

3. Nainstalujte Express.js

Instalace frameworku je díky krokům, které je potřeba, poměrně jednoduchá npm, pro instalaci Express.js musíme pouze přejít na příkazovou konzolu, kde můžeme spustit npm a zadejte následující příkaz:

 npm install express --save

Díky tomu náš systém stáhne veškerý potřebný kód, aby mohl generovat naše projekty a také používat různé nástroje, které vkládá Express.js Pokud byla instalace úspěšná, v konzole uvidíme něco jako následující.

Můžeme si všimnout, že bylo nainstalováno několik přidružených balíčků a že verze Express.js v době psaní tohoto tutoriálu je 4.11.2Zde je důležité zdůraznit, že od verze 4 došlo k velké změně, takže je důležité, abychom hledali informace, abychom se ujistili, že jsou pro verzi 4 a dále.

Naše první aplikacePro naši první aplikaci vytvoříme webovou stránku se dvěma sekcemi, protože se s nástrojem teprve seznamujeme, každá sekce bude obsahovat malý text, důležité je, že budeme muset vytvořit malý server a zpracovat požadavky našich uživatelů.

4. Server

První věc, kterou musíme udělat, je vytvořit složku, kam půjde naše aplikace, a uvnitř vytvořit soubor s názvem index.js„Toto jméno je obecně umístěno jako konvence, ale může to být jakýkoli jiný název, ve skutečnosti změníme věci a umístíme název našeho souboru helloexpress.js.

Jakmile budeme mít náš soubor, začneme zahrnutím vyjádřit pomocí instrukcí vyžadovatS tímto budeme mít k dispozici všechny nástroje rámce, pak použijeme metody soubor() Y použít (), kde prvním vytvoříme port, přes který by měl náš server čekat na připojení, a druhým určíme, co se má stát, když dostaneme chybu 404 nebo 500.

Nakonec s metodou poslouchej () když spustíme náš soubor, necháme naši aplikaci vstát. Podívejme se na kód níže:

 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 - Něco je špatně!');}); app.listen (app.get ('port'), function () {console.log ('Express was started at http: // localhost:' + app.get ('port') + '; press Ctrl-C to close the server.');});

Nyní musíme do konzoly napsat následující příkaz:

 uzel helloexpress.js

S tím se náš server zvedne. Problém je v tom, že nic neuvidíme, je to proto, že jsme nestanovili trasy aplikace, ale pokud vidíme následující obrazovku, vidíme, že to funguje, protože vyšla naše zpráva, kterou jsme umístili pro 404.

ZVĚTŠIT

5. Včetně tras

Abychom získali výsledek mimo stránku 404, kterou generujeme, musíme zahrnout trasy, což není nic jiného, ​​než říct naší aplikaci, že když uživatel požaduje trasu pomocí metody HTTP konkrétně je vrácen výsledek, který definujeme, tedy trasa dostat není to stejné jako trasa pošta a proto nám oba, i když jsou ve stejném směru, mohou poskytnout různé výsledky.

Pojďme tedy vytvořit několik tras dostat, tento kód musí být umístěn těsně před kód, který generuje 404, takže náš soubor upravíme helloexpress.js a teď by to mělo být následující:

 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 ('Hello, welcome to my first app');}); app.get (' / other path', function (req, res) {res.type ( 'text / plain'); res.send ('This is another path of our app');}); 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 / prostý '); res.status (500); res.send (' 500 - Něco je špatně! ');}); app.listen (app.get (' port '), function () {console.log (' Express spuštěno na http: // localhost: ' + app.get (' port ') +'; stisknutím Ctrl-C vypnete server. ');});

Jak si můžeme metody všimnout dostat obdrží trasu a poté anonymní funkci, v rámci které v tomto případě odešleme typ odpovědi text / prostý a poté odešleme obsah, pokud spustíme náš příklad v prohlížeči, nakonec získáme něco jako následující:

ZVĚTŠIT

Trasy pošta Fungují podobným způsobem, jen pak musíme začlenit zpracování parametrů, které mohou být zahrnuty, ale v tuto chvíli bychom si s tím neměli příliš dělat starosti. Poté jsme mohli zkontrolovat, jak jsme ovlivnili výsledek toho, co uživatel přímo vidí.

DůležitéJe důležité si uvědomit, že pokaždé, když něco v našem kódu změníme, musíme aplikaci zavřít a znovu spustit, aby se změny projevily. Tento začátek se může zdát velmi jednoduchý a je to tak, myšlenka je, že si můžeme zvyknout na práci tak, že rozumíme serveru a jak funguje, protože tímto způsobem můžeme vytvářet požadované aplikace pomocí kódu, který opravdu chceme a v tom je to kouzlo Express.js.

Odtud můžeme začít experimentovat s typy odpovědí a obsahem, který chceme poskytovat, ale skutečná síla nastane, když začneme implementovat engine šablon, ale to už je v tomto tutoriálu trochu pokročilejší téma.

Tím jsme tento tutoriál dokončili, vytvořili jsme malou aplikaci, se kterou budeme muset udělat první kroky Express.js, pokud jsme věděli Node.js okamžitě vidíme, že věci jsou trochu přímější a jednodušší. Skutečnou sílu ale uvidíme, když začneme implementovat další nástroje, jako jsou šablony nebo modely.