Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Opsætning af en Express.js-applikation | Udvikling af Webapplikationer med Express.js
Backend-Udvikling med Node.js og Express.js

Opsætning af en Express.js-applikation

Stryg for at vise menuen

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

Installation af Express.js

Opret en ny mappe til appen, og åbn mappen i kodeeditoren. Vi er klar til at begynde. 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 denne fil- og mappestruktur for vores app:

indhold

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 fil oprettes manuelt.

Byg 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

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 ledigt portnummer.

const port = 3000;

Trin 4: Definition af 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 laver 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

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 appen

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

node index

Efter at have kørt scriptet

Serveren vil nu køre, og du 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.

indhold
Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 3. Kapitel 4

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 3. Kapitel 4
some-alt