close

Izrada jednostavne web aplikacije s Node.js i Express

Express je snažan i fleksibilan okvir za web aplikacije temeljen na Node.js. Sa svojom jednostavnom sintaksom i laganom strukturom, Express omogućuje vam brzu izradu web aplikacija koje odgovaraju korisniku.

Express pruža značajke i alate potrebne za rukovanje HTTP zahtjevima, izgradnju ruta, upravljanje međusoftverom i renderiranje dinamičkog sadržaja. Omogućuje vam stvaranje robusnih i fleksibilnih web aplikacija, od jednostavnih web stranica do složenih web aplikacija

Da biste koristili Express, trebate instalirati okvir i stvoriti poslužitelj koji će osluškivati ​​zahtjeve klijenata. Definiranjem ruta i međuprograma možete rukovati zahtjevima, pristupiti bazama podataka, izvršiti provjeru autentičnosti i sigurnost te prikazati dinamički sadržaj korisnicima.

 

Ovdje je konkretan primjer izrade aplikacije s popisom obveza pomoću Express:

Korak 1: Instalacija i postavljanje projekta

  1. Instalirajte Node.js na svoje računalo( https://nodejs.org ).
  2. Otvorite terminal i stvorite novi direktorij za svoj projekt: mkdir todo-app.
  3. Premjestite se u direktorij projekta: cd todo-app.
  4. Inicijalizirajte novi Node.js projekt: npm init -y.

Korak 2: Instalirajte Express

  1. Instalirajte Express paket:. npm install express

Korak 3: Stvorite datoteku server.js

  1. Napravite novu datoteku pod nazivom server.js u direktoriju projekta.
  2. Otvorite datoteku server.js i dodajte sljedeći sadržaj: 
// 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');  
});  
​

 

Korak 4: Pokrenite aplikaciju

  1. Otvorite terminal i idite do direktorija projekta(todo-app).
  2. Pokrenite aplikaciju naredbom: node server.js.
  3. Otvorite svoj web preglednik i pristupite URL-u: http://localhost:3000.
  4. Vidjet ćete poruku "Dobro došli u aplikaciju Popis obaveza!" prikazan u vašem pregledniku.

To je jednostavan primjer izrade web aplikacije pomoću Node.js i Express. Ovu aplikaciju možete proširiti dodavanjem značajki poput dodavanja, uređivanja i brisanja zadataka s popisa obaveza.