Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Oppsett av en Express.js-applikasjon | Utvikling av Webapplikasjoner med Express.js
Backend-Utvikling med Node.js og Express.js

Oppsett av en Express.js-applikasjon

Sveip for å vise menyen

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

Installere Express.js

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

npm install express

Det er som å bestille Express.js fra en virtuell app-butikk, og npm er vår leveransetjeneste.

Som et resultat får vi denne fil- og mappestrukturen for appen vår:

innhold

Grunnleggende prosjektstruktur:

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

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 app-variabelen brukes til å konfigurere og definere webserverens oppførsel.

const app = express();

Steg 3: Angi porten

Vi definerer portnummeret som serveren vår 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('/') – Dette definerer en rute for å håndtere GET-forespørsler til rotstien (/). Vi kan definere ruter for ulike HTTP-metoder (GET, POST, PUT, DELETE, osv.);
  • (req, res) => { ... } – Dette er en callback-funksjon som kjøres når en klient sender en GET-forespørsel til den angitte ruten. Den tar to argumenter: req (forespørselsobjektet) og res (responsobjektet). I dette tilfellet sender den ganske enkelt teksten Hello, World! som respons.

Steg 5: Start serveren

Start serveren og la den lytte på den angitte porten (i vårt tilfelle port 3000). Når serveren har startet, logger den en melding til konsollen som viser 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 appen

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

node index

Etter å ha kjørt skriptet

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

innhold
Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 3. Kapittel 4

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 3. Kapittel 4
some-alt