Jak sestavit aplikaci express: krok za krokem průvodce pro začátečníky

Express je jedním z nejpopulárnějších rámců pro vývoj webových aplikací v jazyce JavaScript. S ním můžete vytvořit výkonnou a flexibilní aplikaci pomocí minima kódu. Pokud se právě začínáte učit express a chcete se naučit sbírat od začátku svou vlastní aplikaci, pak je to průvodce pro vás.

Krok 1: Instalace Node.js a npm

Než začnete, musíte nainstalovat Node.JS a npm (Node Package Manager) na vašem počítači. Node.js je prostředí, ve kterém express běží, zatímco npm je správce balíčku, který vám umožňuje instalovat a spravovat balíčky potřebné pro vaši aplikaci.

Nápověda: Node můžete snadno nainstalovat.js a npm stažením instalačního programu z oficiálních webových stránek.

Krok 2: Vytvoření nového projektu Express

Nyní, když máte již nainstalovaný Node.js a npm, můžete vytvořit nový projekt express. Otevřete příkazový řádek a přejděte do složky, kde chcete vytvořit aplikaci. Poté spusťte následující příkaz:

$ npx express-generator myapp

express-generator je to Generátor kódu express, který vám pomůže vytvořit rám vaší aplikace. myapp - je to název vašeho projektu, můžete si vybrat libovolné jméno, které se vám líbí.

Jak začít sbírat express aplikace

Vytvoření aplikace express se může zdát jako obtížný úkol pro začátečníky. Podle tohoto podrobného průvodce však budete moci bez problémů začít budovat svou vlastní aplikaci express.

Krok 1: Instalace express

Prvním krokem je nainstalovat express pomocí správce balíčků npm (Node Package Manager). Otevřete příkazový řádek a zadejte následující příkaz:

npm install express

Tím se nastaví express a všechny potřebné závislosti pro váš projekt.

Krok 2: vytvoření struktury souboru projektu

Pro snadnou organizaci vašeho kódu vytvořte souborovou strukturu vašeho projektu. Vytvořte složku s názvem projektu a přidejte složky pro různé součásti vaší aplikace, jako jsou modely, ovladače a trasy.

Krok 3: Vytvořte soubor app.js

Vytvořte soubor app.js, který bude vstupním bodem vaší aplikace. V tomto souboru budete konfigurovat express a definovat trasy vaší aplikace.

Příklad kódu pro soubor app.js:

const express = require ('express'); const app = express (); / / nastavení tras app.get('/', (req, res) => < res.send('Привет, мир!'); >); / / Posloucháme Port app.listen(3000, () => < console.log('Сервер запущен на порту 3000'); >);

Krok 4: Spusťte aplikaci

Chcete-li spustit aplikaci express, spusťte na příkazovém řádku následující příkaz, který je v kořenech vašeho projektu:

Vaše aplikace bude spuštěna na portu 3000. Otevřete svůj oblíbený prohlížeč a přejděte na http://localhost:3000 vidět " Ahoj, světe!"- zpráva z vaší aplikace.

Nyní víte, jak začít sestavovat svou vlastní aplikaci express. Gratuluji!

Krok 1: Instalace Node.js a npm

npm - je to Správce balíčku Node.js. Umožňuje vám instalovat a spravovat knihovny a moduly třetích stran pro váš projekt. Spolu s Node.JS a npm.

Chcete-li zkontrolovat, co je Node.JS a npm jsou nainstalovány, otevřete příkazový řádek nebo terminál a zadejte následující příkazy:

Pokud vidíte verze Node.js a npm jsou tedy úspěšně nainstalovány ve vašem počítači. Pokud instalace není provedena, zkuste restartovat počítač a opakovat kroky instalace.

Node.js a npm jsou nezbytné nástroje pro vývoj webových aplikací na Express.js. Před přechodem na další krok se ujistěte, že jsou nainstalovány a připraveny k použití.

Krok 2: Vytvoření nového projektu

Než začnete vyvíjet aplikaci Express, musíte vytvořit nový projekt. V tomto kroku se podíváme na to, jak vytvořit základní strukturu projektu.

1. Vytvořte novou prázdnou složku pro projekt.

2. Otevřete terminál nebo příkazový řádek v této složce.

3. Chcete-li vytvořit soubor package, spusťte příkaz npm init.json .
Příkaz npm init vám položí několik otázek o vašem projektu a můžete zadat informace nebo ponechat výchozí hodnoty.

4. Nainstalujte Express spuštěním příkazu npm install express .
Příkaz npm install express stáhne a nainstaluje Express do vašeho projektu.

5. Vytvořte soubor app.js nebo index.js je kořenem vašeho projektu.

V tomto souboru budeme psát kód pro naši Express aplikaci.

Nyní je váš projekt připraven k vývoji pomocí Express!

Krok 3: Instalace express

Než začnete vytvářet svou první aplikaci Express, musíte nainstalovat samotný rámec. Chcete-li to provést, postupujte podle pokynů níže:

Nyní máte nainstalovaný Express a jste připraveni začít vytvářet svou první aplikaci pomocí tohoto rámce.

Krok 4: konfigurace tras

Po nastavení serveru Express se pustíme do konfigurace tras. Trasy určují, jak bude server zpracovávat různé příchozí požadavky.

Ke konfiguraci tras používáme metody routeru Express , jako jsou get , post, put a delete . Každá metoda určuje obslužnou rutinu pro konkrétní cestu.

Abychom například vytvořili trasu pro cestu " / " a psovoda pro tuto trasu, můžeme napsat následující kód:

app.get("/", (req, res) => );

V tomto příkladu používáme metodu get routeru Express ke zpracování požadavků GET na cestu"/". Uvnitř obslužné rutiny voláme metodu send objektu res k odeslání odpovědi zákazníkovi s textem " Ahoj, světe!".

Můžeme také určit parametry trasy, které budou v žádosti předány. Chcete-li například vytvořit trasu pro cestu "/ users/: id "a získat hodnotu možnosti "id" ve obslužné rutině, můžeme napsat následující kód:

app.get("/users/:id", (req, res) => `);>);

V tomto příkladu používáme syntaxi":" k zadání parametru " id " v cestě trasy. Uvnitř obslužné rutiny používáme vlastnost params objektu req k získání hodnoty parametru "id". Poté použijeme metodu send objektu res k odeslání odpovědi klientovi s textem obsahujícím hodnotu parametru "id".

Nastavení tras nám tedy umožňuje určit, jak má server zpracovávat různé požadavky od klienta. Můžeme vytvářet trasy pro různé metody HTTP a definovat možnosti pro získání dalších dat z dotazu.