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 leveringsservice.

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

Grunnleggende prosjektstruktur:

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

Bygg din første Express-app

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

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 svar.

Steg 5: Starte serveren

Vi starter serveren og får den til å 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

Vi kjører applikasjonen 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.