Låt oss skapa vår första backend-applikation med Express.js. Är du redo att börja?

Installera Express.js

Skapa en ny katalog för applikationen och öppna mappen i kodeditorn. Vi är redo att börja. Kör följande kommando i terminalen:

npm install express

Det är som att beställa Express.js från en virtuell appbutik, och npm är vår leveranstjänst.

Som resultat får vi följande fil- och mappstruktur för vår applikation:

Grundläggande projektstruktur:

• node_modules - Innehåller installerade paket;
• package.json och package-lock.json - Listar projektberoenden och skript;
• app.js eller index.js - Startpunkt för Express-applikationen. Skapas manuellt.

🏗️ Skapa första Express-applikationen

Skapa en enkel webbserver med Node.js och Express.js-ramverket. Följ dessa steg:

Steg 1: Importera Express

Som bibliotek behöver vi först importera det till vår fil:

const express = require('express');

Steg 2: Skapa en Express-applikationsinstans

Vi skapar en instans av Express-applikationen. Variabeln app används för att konfigurera och definiera webbserverns beteende.

const app = express();

Steg 3: Ange port

Vi definierar portnumret som vår server ska lyssna på. I detta fall är det satt till 3000, men vi kan välja vilket ledigt portnummer som helst.

const port = 3000;

Steg 4: Definiera en route

Vi ställer in en route för att hantera HTTP GET-förfrågningar till rot-URL:en (/). När en klient (vanligtvis en webbläsare) går till serverns rot-URL svarar den med Hello, World!.

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

• app.get('/') – Definierar en route för att hantera GET-förfrågningar till rotvägen (/). Vi kan definiera routes för olika HTTP-metoder (GET, POST, PUT, DELETE, etc.);
• (req, res) => { ... } – Callback-funktion som körs när en klient gör en GET-förfrågan till den angivna routen. Den tar två argument: req (request-objektet) och res (response-objektet). I detta fall skickar den helt enkelt texten Hello, World! som svar.

Steg 5: Starta servern

Starta servern och låt den lyssna på den angivna porten (i vårt fall port 3000). När servern har startats loggas ett meddelande till konsolen som visar vilken port den lyssnar på.

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

app.listen(port, ...) – Denna metod startar servern och lyssnar på den angivna porten. Det andra argumentet är en callback-funktion som körs när servern är igång.

Steg 6: Kör applikationen

Kör applikationen i terminalen med kommandot node.

node index

🌐 Efter att skriptet har körts

Servern kommer att vara igång och kan nås genom att öppna en webbläsare och navigera till http://localhost:3000. Texten Hello, World! ska visas i webbläsaren.