Úvod do ExpressJS [+6 Learning Resources]

autor:
Tweet
Share
Share
Pin

ExpressJS je minimalistický a flexibilní webový framework pro Node.js, který nabízí rozsáhlou paletu funkcí pro vývoj mobilních i webových aplikací.

Tento open-source rámec pro webové aplikace byl vytvořen TJ Holowaychukem a je nyní spravován Node.js Foundation.

Proč si vybrat ExpressJS?

ExpressJS poskytuje jednoduchá API, která vývojářům umožňují snadno vytvářet backendy, webové aplikace a webové stránky. Svou funkčností se dá srovnat s Pythonovým frameworkem Django nebo Ruby on Rails.

Na rozdíl od Django a Rails, které se vyznačují specifickým přístupem k tvorbě API a aplikací, ExpressJS je vysoce flexibilní a adaptabilní. Neexistuje zde jeden „nejlepší“ způsob, jak dosáhnout cíle, což dává vývojářům velkou volnost.

Následuje shrnutí důvodů, proč je ExpressJS skvělou volbou:

  • Usnadňuje vytváření API a webových aplikací.
  • Nabízí robustní API, které zjednodušuje směrování.
  • Je asynchronní a jednovláknový.

Funkce ExpressJS

#1. Součást MEAN Stacku

JavaScript si drží popularitu díky svým rámcům, které se dají využít jak na frontendové, tak na backendové části full-stack aplikací.

Mnoho vývojářů Javascriptu používá MEAN stack (MongoDB, Express, Node.js a AngularJS) pro vytváření full-stack aplikací. Někteří preferují Reactjs a používají MERN stack (MongoDB, Express, Node.js a Reactjs). V obou případech je Expressjs klíčovou součástí.

#2. Flexibilní a rychlý

Díky své minimalistické konstrukci, ExpressJS nevyžaduje ovládání mnoha složitých částí. Vynikající systém směrování, vyjednávání obsahu a middleware ho dělají rychlým a efektivním.

#3. Škálovatelný

Aplikace postavené na Expressu se snadno škálují, což je důvod, proč ho využívá mnoho organizací. Při vývoji rozsáhlých aplikací obvykle nevyžaduje žádnou nebo jen minimální konfiguraci. Velké množství modulů, balíčků a dalších zdrojů usnadňuje vývoj rozsáhlých aplikací.

#4. Přítomnost Middlewaru

ExpressJS disponuje rozsáhlou kolekcí middleware, které urychlují a zlepšují proces vývoje. Middleware umožňuje frameworku spouštět specifický kód před nebo po zpracování požadavku klienta. To usnadňuje kontrolu akcí klienta, jako jsou registrace, přihlášení a odhlášení.

#5. Výkonný Systém Směrování

Směrovací systém ExpressJS umožňuje vývojářům vytvářet silná API, která dokážou zpracovat téměř všechny HTTP požadavky. Kód můžete rozdělit do spravovatelných souborů pomocí instance směrovače, čímž se vyhnete přetíženému systému směrování. Trasy lze také seskupovat do adresářů pro lepší organizaci aplikace.

Architektura ExpressJS

Obrázek: turing.com

Typická Express aplikace se skládá z následujících komponent:

  • Závislosti: ExpressJS je sám o sobě závislostí. Další závislosti se instalují pomocí příkazu npm.
  • Middleware: Middleware v ExpressJS je funkce, která ovlivňuje cyklus požadavku/odpovědi.
  • Instance: Jedná se o příkazy pro vytváření objektů.
  • Konfigurace: Vlastní nastavení aplikace definovaná po vytvoření instance nebo v samostatném souboru.
  • Trasy: Koncové body, které klienti používají pro přístup k různým zdrojům nebo pro provedení akcí definovaných serverem.
  • Bootstrap Server: Funkce app.listen() se používá ke spuštění vývojového serveru.

Začínáme s ExpressJS

ExpressJS běží na Node.js, takže je potřeba mít ho nainstalovaný na počítači.

Dále budete potřebovat Node Package Manager (npm) pro správu všech závislostí ve vašem vývojovém prostředí.

Node.js si můžete stáhnout z oficiálních stránek pro váš operační systém.

Po instalaci ověřte instalaci pomocí následujících příkazů:

node --version
npm --version

Instalace ExpressJS

Postupujte podle následujících kroků:

  • Vytvořte novou složku pro svou ExpressJS aplikaci. Můžete ji vytvořit ručně nebo použít příkazy:
mkdir myapp
cd myapp
  • Vytvořte soubor package.json pomocí tohoto příkazu:
npm init
  • Přijměte výzvy, ale změňte entry point: (index.js) na app.js.
  • Nainstalujte ExpressJS pomocí následujícího příkazu:
npm install express
  • Zobrazení „Ahoj světe“

V kořenovém adresáři vytvořte soubor s názvem app.js a vložte do něj tento kód:

const express = require('express')

const app = express()

const port = 3000

app.get('/', (req, res) => {

  res.send('Hello World!')

})

app.listen(port, () => {

  console.log(`Example app listening on port ${port}`)

})

Spusťte místní server tímto příkazem:

node app.js

V prohlížeči přejděte na adresu http://localhost:3000/. Mělo by se zobrazit hlášení „Hello World!“.

Generátor Aplikací Express

Aplikace, kterou jsme vytvořili manuálně, je velmi základní. Pro usnadnění práce můžete použít generátor Express.

  • Příkaz pro vygenerování nové ExpressJS aplikace:
npx express-generator
  • Pokud používáte Node.js starší než 8.2.0, nainstalujte generátor aplikací globálně pomocí následujících příkazů:
npm install -g express-generator
express
express --view=pug myapp

Výše uvedený příkaz vygeneruje novou aplikaci s názvem ‚myapp‘.

  • Nainstalujte závislosti pomocí těchto příkazů:
cd myapp

npm install
  • Spusťte vývojový server v závislosti na vašem operačním systému:

V prostředí Windows PowerShell:

PS> $env:DEBUG='myapp:*'; npm start

Na příkazovém řádku Windows:

> set DEBUG=myapp:* & npm start

V systému macOS nebo Linux:

DEBUG=myapp:* npm start

V prohlížeči přejděte na adresu http://localhost:3000/. Měla by se zobrazit úvodní stránka vygenerované aplikace.

#1. Fintech Aplikace

Banky a finanční instituce přecházejí na digitální technologie, což zvyšuje poptávku po fintech aplikacích. ExpressJS se ukázal být spolehlivým frameworkem pro vývoj škálovatelných fintech aplikací.

#2. Single-Page Aplikace

Single-page aplikace (SPA), kde celá aplikace běží na jedné stránce, se stávají moderním standardem. Velké mobilní a webové aplikace jako Airbnb, Netflix, Pinterest, PayPal, Gmail a Google Maps jsou příklady SPA. ExpressJS je vhodný pro vytváření SPA díky svému jednoduchému systému směrování.

#3. Streamovací Aplikace

Aplikace jako Spotify a Netflix mohou působit jednoduše, ale jsou komplexní s více vrstvami dat. ExpressJS je skvělá volba pro vývoj takových aplikací, protože efektivně zpracovává asynchronní datové toky.

#4. Nástroje pro Spolupráci v Reálném Čase

Moderní pracovní prostředí se skládá z týmů, které spolupracují na různých úkolech. ExpressJS podporuje vývoj nástrojů pro spolupráci s různými funkcemi. Tento framework je vhodný pro tvorbu dashboardů a chatů, protože se snadno integruje s WebSocket.

Výhody ExpressJS

  • Zdarma a Open-Source: Použití ExpressJS je bezplatné. Můžete také upravit existující kód podle svých potřeb.
  • Snadné Použití: ExpressJS umožňuje psát kód bez složitých procesů. Framework nabízí mnoho nástrojů a funkcí pro zjednodušení vývoje.
  • Rychlý Vývoj: ExpressJS obsahuje množství šablon, které urychlují vývoj a snižují potřebu psát kód od začátku.
  • Skvělý Výkon: Aplikace vytvořené na ExpressJS jsou výkonné a vhodné pro malé i velké aplikace.

Nevýhody ExpressJS

  • Některé Chybové Zprávy Nejsou Užitečné: Na rozdíl od jiných backend/API frameworků, odpovědi 404 nemusí nutně znamenat chybu.
  • Není Tak Dobrý V Organizaci Kódu: Neexistuje jeden „nejlepší“ způsob, jak dělat věci, což může vést k neuspořádanému kódu.

Výukové Zdroje: ExpressJS

#1. Node.js, Express, MongoDB a další

Tento kurz je vhodný, pokud se chcete naučit celý backend stack z jednoho zdroje. Naučíte se vytvářet rychlá a škálovatelná RESTful API pomocí ExpressJS a dalších technologií.

#2. Prostě Express

Tento kurz je ideální, pokud se chcete naučit používat Express server jako REST API. Naučíte se základy HTTP a pochopíte cyklus žádost/odpověď.

#3. React, NodeJS, Express & MongoDB

Tento full-stack kurz MERN je ideální pro vývoj full-stack JavaScript aplikací. Naučíte se, jak propojit ReactJS s NodeJS, Express a MongoDB, implementovat ověřování a autorizaci a mnoho dalšího.

#4. Express in Action: Psaní, Vytváření a Testování Aplikací Node.js

Express in Action je kniha, která podrobně popisuje kroky pro vývoj webových aplikací pomocí Node a ExpressJS. Naučíte se, jak nastavit aplikaci ExpressJS, ukládat data pomocí MongoDB a testovat aplikace Express.

#5. Express.js: Průvodce webovým rámcem pro Node.js

Tato kniha poskytuje detailní průzkum webového rámce ExpressJS. Diskuse se zaměřují na různé modely, které ExpressJS nabízí uživatelům.

#6. Oficiální Dokumentace ExpressJS

ExpressJS má skvělou dokumentaci a vše, co potřebujete k začátku, se dozvíte v oficiálních dokumentech. Tento zdroj je vhodný pro začátečníky i pokročilé vývojáře.

Závěrem

ExpressJS je jedním z nejznámějších webových frameworků pro Node.js. Jeho rozsáhlé funkce a snadná křivka učení mu zajistily tuto pozici v průběhu let. ExpressJS slouží jako základ pro Node.js, což znamená, že jeho pochopení usnadní pochopení dalších souvisejících frameworků.