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

Express.js installeren

Maak een nieuwe map 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:

Basis projectstructuur:

• 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 maken we handmatig aan.

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

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

const app = express();

Stap 3: Stel de poort in

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 benadert, 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 eenvoudig de tekst Hello, World! als antwoord.

Stap 5: Start de server

We starten de server en laten deze luisteren op de opgegeven poort (in ons geval poort 3000). Wanneer de server succesvol is gestart, wordt er een bericht naar de console gelogd dat aangeeft op welke poort hij luistert.

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

app.listen(port, ...) - Deze methode start de server en luistert 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 draait nu en is toegankelijk via een webbrowser op http://localhost:3000. In de browser verschijnt Hello, World!.