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

Installation af Express.js

Opret et nyt bibliotek til applikationen, og åbn mappen i kodeeditoren. Vi er klar til at starte. Kør denne kommando i terminalen:

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 af os selv.

Byg første Express-app

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

Trin 1: Importér Express

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

const express = require('express');

Trin 2: Opret en Express-applikationsinstans

Vi opretter en instans af Express-applikationen. Denne app-variabel bruges til at konfigurere og definere webserverens opførsel.

const app = express();

Trin 3: Angiv porten

Vi definerer portnummeret, som vores server skal lytte på. I dette tilfælde er det sat til 3000, men vi kan vælge et hvilket som helst tilgængeligt portnummer.

const port = 3000;

Trin 4: Definer en rute

Vi opsætter 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, svarer den med Hello, World!.

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

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

Trin 5: Start serveren

Vi starter serveren og får den til at lytte på den angivne port (i vores 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 appen

Appen køres i terminalen ved hjælp af node-kommandoen.

node index

Efter at have kørt scriptet

Vores server vil nu køre, og vi kan få adgang til den ved at åbne en webbrowser og navigere til http://localhost:3000. Du bør se Hello, World! vist i din browser.