Laten we onze eerste backend-app maken met Express.js. Klaar om te beginnen?

Express.js installeren

Maak een nieuwe map aan voor de app en open deze map in de code-editor. We zijn klaar om te starten. Voer in de terminal het volgende commando uit:

npm install express

Dit is vergelijkbaar met het bestellen van Express.js uit een virtuele appwinkel, waarbij npm onze bezorgdienst is.

Hierdoor ontstaat de volgende bestands- en mappenstructuur van onze app:

Basisprojectstructuur:

• node_modules - Bevat geïnstalleerde pakketten;
• package.json en package-lock.json - Lijst met projectafhankelijkheden en scripts;
• app.js of index.js - Startpunt voor de Express-applicatie. Dit bestand wordt handmatig aangemaakt.

🏗️ Eerste Express-app bouwen

Een eenvoudige webserver maken met Node.js en het Express.js-framework. Volg de onderstaande stappen:

Stap 1: Express importeren

Als bibliotheek moet deze eerst in het bestand worden geïmporteerd:

const express = require('express');

Stap 2: Een Express Applicatie-instantie Aanmaken

Er wordt een instantie van de Express-applicatie aangemaakt. Deze app-variabele wordt gebruikt om het gedrag van de webserver te configureren en te definiëren.

const app = express();

Stap 3: De Poort Instellen

Het poortnummer waarop de server luistert wordt gedefinieerd. In dit geval is het ingesteld op 3000, maar elk beschikbaar poortnummer kan gekozen worden.

const port = 3000;

Stap 4: Een Route Definiëren

Er wordt een route ingesteld voor het afhandelen van HTTP GET-verzoeken naar de root-URL (/). Wanneer een client (meestal een webbrowser) de root-URL van de server bezoekt, wordt er gereageerd met Hello, World!.

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

• app.get('/') - Definieert een route voor het afhandelen van GET-verzoeken naar het rootpad (/). Routes kunnen worden gedefinieerd voor verschillende HTTP-methoden (GET, POST, PUT, DELETE, enz.);
• (req, res) => { ... } - Callbackfunctie die wordt uitgevoerd wanneer een client een GET-verzoek doet naar de opgegeven route. Neemt twee argumenten aan: req (het request-object) en res (het response-object). In dit geval wordt de tekst Hello, World! als antwoord verzonden.

Stap 5: Start de server

De server starten en laten luisteren op de opgegeven poort (in dit geval poort 3000). Wanneer de server succesvol is gestart, wordt er een bericht naar de console gelogd dat aangeeft op welke poort wordt geluisterd.

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

app.listen(port, ...) - Deze methode start de server en laat deze luisteren op de opgegeven poort. Het tweede argument is een callbackfunctie die wordt uitgevoerd zodra de server actief is.

Stap 6: De app uitvoeren

De app wordt uitgevoerd in de terminal met het node-commando.

node index

🌐 Na het uitvoeren van het script

De server zal actief zijn en is toegankelijk door een webbrowser te openen en te navigeren naar http://localhost:3000. In de browser verschijnt Hello, World!.