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 projektets beroenden och skript;
• app.js eller index.js - Startpunkt för Express-applikationen. Den skapar vi manuellt själva.

Bygg första Express-appen

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 instans av Express-applikationen

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 porten

Vi definierar portnumret som vår server ska lyssna på. I detta fall är det satt till 3000, men vi kan välja vilket tillgängligt 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('/') - Detta 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) => { ... } - Detta är en 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

Applikationen körs i terminalen med kommandot node.

node index

Efter att skriptet har körts

Vår server kommer att vara igång och vi kan komma åt den genom att öppna en webbläsare och navigera till http://localhost:3000. Du bör se Hello, World! visas i din webbläsare.