Die erste Express-Anwendung von Grund auf

In diesem Abschnitt erfahren Sie, wie Sie von Anfang an ein neues Express-Projekt erstellen – Schritt für Schritt, auch wenn Sie noch keine Erfahrung mit Node.js-Projekten haben.

Schritt 1: Einen neuen Projektordner anlegen

Öffnen Sie ihr Terminal oder die Eingabeaufforderung und geben Sie Folgendes ein:

mkdir express-einstieg
cd express-einstieg

Damit haben Sie einen neuen Ordner erstellt und wechseln in diesen hinein.

Schritt 2: Ein neues npm-Projekt anlegen

Initialisieren Sie Ihr Projekt mit:

npm init

Folgen Sie den Fragen im Terminal (Sie können für erste Tests einfach mehrfach Enter drücken). Damit wird eine Datei namens package.json erzeugt, in der die wichtigsten Informationen und die Abhängigkeiten Ihres Projekts gespeichert werden.

Tipp: Sie können auch npm init -y eingeben, wenn Sie direkt alle Einstellungen auf Standard setzen möchten.

Schritt 3: Express installieren

Installieren Sie das Framework Express.js mit:

npm install express

Express wird jetzt lokal in Ihrem Projekt installiert und als Abhängigkeit in der package.json eingetragen.

Schritt 4: ES Modules aktivieren

Damit Sie in Ihrem Projekt moderne import- und export-Befehle nutzen können, öffnen Sie die Datei package.json
und fügen Sie im Hauptteil eine Zeile hinzu (oder ändern Sie sie ab):

"type": "module",

Ihr package.json sieht dann zum Beispiel so aus:

{
  "name": "express-einstieg",
  "version": "1.0.0",
  "type": "module",
  ...
}

Schritt 5: Die Startdatei anlegen

Erstellen Sie eine Datei mit dem Namen index.js im Projektordner und fügen Sie diesen Code ein:

import express from 'express';

const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hallo, Ihr Express-Server funktioniert!');
});

app.listen(port, () => {
  console.log(`Server läuft unter http://localhost:${port}`);
});

Was passiert hier?

Sie importieren Express.
Sie erstellen eine App-Instanz.
Sie definieren eine Route für die Startseite (/), die eine Nachricht ausgibt.
Sie starten den Server und geben einen Hinweis auf die verwendete Adresse aus.

Schritt 6: Starten und testen

Starten Sie nun Ihren Express-Server im Terminal mit:

node index.js

Sie sehen in der Konsole die Ausgabe, dass Ihr Server läuft.

Öffnen Sie einen Webbrowser und rufen Sie die Adresse
http://localhost:3000
auf.
Sie sehen die Begrüssungsnachricht, die Sie in Ihrem Code hinterlegt haben.

Hinweis:
Um Änderungen am Code sichtbar zu machen, beenden Sie immer erst den Server mit Strg + C, speichern Sie die Datei neu und starten Sie den Server wieder.