La oss lage vår første backend-applikasjon med Express.js. Er du klar til å begynne?

Installere Express.js

Opprett en ny katalog for applikasjonen, og åpne mappen i kodeeditoren. Vi er klare til å starte. Kjør denne kommandoen i terminalen:

npm install express

Dette tilsvarer å bestille Express.js fra en virtuell app-butikk, og npm er vår leverings­tjeneste.

Som et resultat får vi følgende fil- og mappestruktur for applikasjonen:

Grunnleggende prosjektstruktur:

• node_modules - Inneholder installerte pakker;
• package.json og package-lock.json - Viser prosjektavhengigheter og skript;
• app.js eller index.js - Inngangspunkt for Express-applikasjonen. Denne opprettes manuelt.

🏗️ Bygg første Express-app

Opprett en enkel webserver ved hjelp av Node.js og Express.js-rammeverket. Følg disse stegene:

Steg 1: Importer Express

Som bibliotek må vi først importere det til filen vår:

const express = require('express');

Steg 2: Opprette en Express-applikasjonsinstans

Vi oppretter en instans av Express-applikasjonen. Denne variabelen app brukes til å konfigurere og definere webserverens oppførsel.

const app = express();

Steg 3: Angi porten

Vi definerer portnummeret som serveren skal lytte på. I dette tilfellet er det satt til 3000, men vi kan velge et hvilket som helst tilgjengelig portnummer.

const port = 3000;

Steg 4: Definere en rute

Vi setter opp en rute for å håndtere HTTP GET-forespørsler til rot-URL-en (/). Når en klient (vanligvis en nettleser) får tilgang til serverens rot-URL, svarer den med Hello, World!.

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

• app.get('/') – Definerer en rute for å håndtere GET-forespørsler til rotstien (/). Det er mulig å definere ruter for ulike HTTP-metoder (GET, POST, PUT, DELETE, osv.);
• (req, res) => { ... } – En tilbakeringingsfunksjon som kjøres når en klient sender en GET-forespørsel til den spesifiserte ruten. Den tar to argumenter: req (forespørselsobjektet) og res (responsobjektet). I dette tilfellet sendes bare teksten Hello, World! som svar.

Steg 5: Start serveren

Start serveren og la den lytte på den angitte porten (i vårt tilfelle, port 3000). Når serveren er startet, logger den en melding til konsollen som indikerer hvilken port den lytter på.

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

app.listen(port, ...) – Denne metoden starter serveren og lytter på den angitte porten. Det andre argumentet er en callback-funksjon som kjøres når serveren er oppe og kjører.

Steg 6: Kjør applikasjonen

Kjør applikasjonen i terminalen ved å bruke node-kommandoen.

node index

🌐 Etter å ha kjørt skriptet

Serveren vil kjøre, og du kan få tilgang til den ved å åpne en nettleser og navigere til http://localhost:3000. Du skal se Hello, World! vist i nettleseren.