Lad os oprette vores første backend-applikation med Express.js. Er du klar til at komme i gang?

Installation af Express.js

Opret et nyt bibliotek til applikationen, og åbn mappen i kodeeditoren. Vi er klar til at begynde. I terminalen køres denne kommando:

npm install express

Det svarer til at bestille Express.js fra en virtuel app-butik, og npm er vores leveringsservice.

Som resultat får vi følgende fil- og mappestruktur for vores applikation:

Grundlæggende projektstruktur:

• node_modules - Indeholder installerede pakker;
• package.json og package-lock.json - Oplister projektets afhængigheder og scripts;
• app.js eller index.js - Indgangspunkt for Express-applikationen. Denne oprettes manuelt.

🏗️ Opret første Express-app

Opret en simpel webserver ved hjælp af Node.js og Express.js-rammeværket. Følg disse trin:

Trin 1: Importér Express

Som bibliotek skal vi først importere det til vores fil:

const express = require('express');

Trin 2: Oprettelse af en Express-applikationsinstans

Der oprettes en instans af Express-applikationen. Denne app-variabel anvendes til at konfigurere og definere webserverens opførsel.

const app = express();

Trin 3: Angiv porten

Portnummeret, som serveren skal lytte på, defineres. I dette tilfælde er det sat til 3000, men ethvert ledigt portnummer kan vælges.

const port = 3000;

Trin 4: Definition af en rute

Der opsættes en rute til håndtering af HTTP GET-anmodninger til rod-URL'en (/). Når en klient (typisk en webbrowser) tilgår serverens rod-URL, returneres svaret Hello, World!.

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

• app.get('/') - Definerer en rute til håndtering af GET-anmodninger til rodstien (/). Ruter kan defineres for forskellige HTTP-metoder (GET, POST, PUT, DELETE osv.);
• (req, res) => { ... } - En callback-funktion, der udføres, når en klient foretager en GET-anmodning til den angivne rute. Funktionen tager to argumenter: req (anmodningsobjektet) og res (responsobjektet). I dette tilfælde sendes blot teksten Hello, World! som svar.

Trin 5: Start serveren

Start serveren og få den til at lytte på den angivne port (i dette tilfælde port 3000). Når serveren er startet korrekt, logger den en besked til konsollen, der angiver, hvilken port den lytter på.

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

app.listen(port, ...) – Denne metode starter serveren og lytter på den angivne port. Det andet argument er en callback-funktion, der udføres, når serveren er oppe at køre.

Trin 6: Kør applikationen

Kør applikationen i terminalen ved hjælp af node-kommandoen.

node index

🌐 Efter at have kørt scriptet

Serveren vil nu køre, og den kan tilgås ved at åbne en webbrowser og navigere til http://localhost:3000. Teksten Hello, World! bør vises i browseren.