close

Vytvoření jednoduché webové aplikace s Node.js a Express

Express je výkonný a flexibilní rámec webových aplikací založený na Node.js. Díky své jednoduché syntaxi a lehké struktuře Express vám umožňuje rychle vytvářet webové aplikace, které reagují na uživatele.

Express poskytuje funkce a nástroje nezbytné pro zpracování požadavků HTTP, vytváření tras, správu middlewaru a vykreslování dynamického obsahu. Umožňuje vám vytvářet robustní a flexibilní webové aplikace, od jednoduchých webových stránek až po složité webové aplikace

Chcete-li použít Express, musíte nainstalovat rámec a vytvořit server, který bude naslouchat požadavkům klientů. Definováním tras a middlewaru můžete zpracovávat požadavky, přistupovat k databázím, provádět ověřování a zabezpečení a zobrazovat uživatelům dynamický obsah.

 

Zde je konkrétní příklad vytvoření aplikace seznamu úkolů pomocí Express:

Krok 1: Instalace a nastavení projektu

  1. Nainstalujte si Node.js do počítače( https://nodejs.org ).
  2. Otevřete Terminál a vytvořte nový adresář pro váš projekt: mkdir todo-app.
  3. Přesuňte se do adresáře projektu: cd todo-app.
  4. Inicializujte nový projekt Node.js: npm init -y.

Krok 2: Nainstalujte Express

  1. Nainstalujte Express balíček:. npm install express

Krok 3: Vytvořte soubor server.js

  1. Vytvořte nový soubor s názvem server.js v adresáři projektu.
  2. Otevřete soubor server.js a přidejte následující obsah: 
// Import the Express module  
const express = require('express');  
  
// Create an Express app  
const app = express();  
  
// Define a route for the home page  
app.get('/',(req, res) => {  
  res.send('Welcome to the To-Do List App!');  
});  
  
// Start the server  
app.listen(3000,() => {  
  console.log('Server is running on port 3000');  
});  
​

 

Krok 4: Spusťte aplikaci

  1. Otevřete Terminál a přejděte do adresáře projektu(todo-app).
  2. Spusťte aplikaci příkazem: node server.js.
  3. Otevřete webový prohlížeč a přejděte na adresu URL: http://localhost:3000.
  4. Zobrazí se zpráva "Vítejte v aplikaci Seznam úkolů!" zobrazeny ve vašem prohlížeči.

To je jednoduchý příklad vytváření webové aplikace pomocí Node.js a Express. Tuto aplikaci můžete rozšířit přidáním funkcí, jako je přidávání, úpravy a odstraňování úkolů ze seznamu úkolů.