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 volgende 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

We maken een instantie van de Express-applicatie aan. 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

We definiëren het poortnummer waarop onze server zal luisteren. In dit geval is het ingesteld op 3000, maar we kunnen elk beschikbaar poortnummer kiezen.

const port = 3000;

Stap 4: Een route definiëren

We stellen een route in voor het afhandelen van HTTP GET-verzoeken naar de root-URL (/). Wanneer een client (meestal een webbrowser) de root-URL van de server bezoekt, reageert deze met Hello, World!.

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

• app.get('/') - Dit definieert een route voor het afhandelen van GET-verzoeken naar het rootpad (/). We kunnen routes definiëren voor verschillende HTTP-methoden (GET, POST, PUT, DELETE, enz.);
• (req, res) => { ... } - Dit is een callbackfunctie die wordt uitgevoerd wanneer een client een GET-verzoek doet naar de opgegeven route. Het neemt twee argumenten: req (het request-object) en res (het response-object). In dit geval stuurt het eenvoudigweg de tekst Hello, World! als antwoord.

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 uitvoeren in de terminal met het node-commando.

node index

Na het uitvoeren van het script

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