Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Einrichten Einer Express.js-Anwendung | Entwicklung von Webanwendungen mit Express.js
Backend-Entwicklung mit Node.js und Express.js

Einrichten Einer Express.js-Anwendung

Swipe um das Menü anzuzeigen

Erstellung der ersten Backend-Anwendung mit Express.js. Bereitschaft zum Start.

Installation von Express.js

Neues Verzeichnis für die Anwendung erstellen und den Ordner im Code-Editor öffnen. Startbereitschaft. Im Terminal folgenden Befehl ausführen:

npm install express

Vergleichbar mit einer Bestellung von Express.js in einem virtuellen App-Store, wobei npm als Lieferservice fungiert.

Das Ergebnis ist folgende Datei- und Ordnerstruktur der Anwendung:

Inhalt

Grundlegende Projektstruktur:

  • node_modules – Enthält installierte Pakete;
  • package.json und package-lock.json – Listet Projektabhängigkeiten und Skripte auf;
  • app.js oder index.js – Einstiegspunkt für die Express-Anwendung. Wird manuell erstellt.

Erste Express-App erstellen

Erstellung eines einfachen Webservers mit Node.js und dem Express.js-Framework. Die folgenden Schritte befolgen:

Schritt 1: Express importieren

Als Bibliothek muss sie zunächst in die Datei importiert werden:

const express = require('express');

Schritt 2: Erstellen einer Express-Anwendungsinstanz

Es wird eine Instanz der Express-Anwendung erstellt. Diese Variable app wird verwendet, um das Verhalten des Webservers zu konfigurieren und zu definieren.

const app = express();

Schritt 3: Festlegen des Ports

Die Portnummer wird definiert, auf der unser Server lauscht. In diesem Fall ist sie auf 3000 gesetzt, aber es kann jede verfügbare Portnummer gewählt werden.

const port = 3000;

Schritt 4: Definieren einer Route

Eine Route zur Behandlung von HTTP-GET-Anfragen an die Root-URL (/) wird eingerichtet. Wenn ein Client (typischerweise ein Webbrowser) die Root-URL des Servers aufruft, antwortet dieser mit Hello, World!.

app.get('/', (req, res) => {
  res.send('Hello, World!');
});
  • app.get('/') – Definiert eine Route zur Behandlung von GET-Anfragen an den Root-Pfad (/). Es können Routen für verschiedene HTTP-Methoden (GET, POST, PUT, DELETE usw.) definiert werden;
  • (req, res) => { ... } – Dies ist eine Callback-Funktion, die ausgeführt wird, wenn ein Client eine GET-Anfrage an die angegebene Route stellt. Sie nimmt zwei Argumente entgegen: req (das Request-Objekt) und res (das Response-Objekt). In diesem Fall wird einfach der Text Hello, World! als Antwort gesendet.

Schritt 5: Server starten

Den Server starten und auf dem angegebenen Port (in diesem Fall Port 3000) lauschen lassen. Nach erfolgreichem Start gibt der Server eine Meldung in der Konsole aus, die angibt, auf welchem Port er lauscht.

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

app.listen(port, ...) – Diese Methode startet den Server und lässt ihn auf dem angegebenen Port lauschen. Das zweite Argument ist eine Callback-Funktion, die ausgeführt wird, sobald der Server läuft.

Schritt 6: Anwendung ausführen

Die Anwendung wird im Terminal mit dem Befehl node ausgeführt.

node index

Nach dem Ausführen des Skripts

Der Server läuft und kann über einen Webbrowser unter http://localhost:3000 aufgerufen werden. Im Browser sollte Hello, World! angezeigt werden.

Inhalt
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 4

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Einrichten Einer Express.js-Anwendung

Erstellung der ersten Backend-Anwendung mit Express.js. Bereitschaft zum Start.

Installation von Express.js

Neues Verzeichnis für die Anwendung erstellen und den Ordner im Code-Editor öffnen. Startbereitschaft. Im Terminal folgenden Befehl ausführen:

npm install express

Vergleichbar mit einer Bestellung von Express.js in einem virtuellen App-Store, wobei npm als Lieferservice fungiert.

Das Ergebnis ist folgende Datei- und Ordnerstruktur der Anwendung:

Inhalt

Grundlegende Projektstruktur:

  • node_modules – Enthält installierte Pakete;
  • package.json und package-lock.json – Listet Projektabhängigkeiten und Skripte auf;
  • app.js oder index.js – Einstiegspunkt für die Express-Anwendung. Wird manuell erstellt.

Erste Express-App erstellen

Erstellung eines einfachen Webservers mit Node.js und dem Express.js-Framework. Die folgenden Schritte befolgen:

Schritt 1: Express importieren

Als Bibliothek muss sie zunächst in die Datei importiert werden:

const express = require('express');

Schritt 2: Erstellen einer Express-Anwendungsinstanz

Es wird eine Instanz der Express-Anwendung erstellt. Diese Variable app wird verwendet, um das Verhalten des Webservers zu konfigurieren und zu definieren.

const app = express();

Schritt 3: Festlegen des Ports

Die Portnummer wird definiert, auf der unser Server lauscht. In diesem Fall ist sie auf 3000 gesetzt, aber es kann jede verfügbare Portnummer gewählt werden.

const port = 3000;

Schritt 4: Definieren einer Route

Eine Route zur Behandlung von HTTP-GET-Anfragen an die Root-URL (/) wird eingerichtet. Wenn ein Client (typischerweise ein Webbrowser) die Root-URL des Servers aufruft, antwortet dieser mit Hello, World!.

app.get('/', (req, res) => {
  res.send('Hello, World!');
});
  • app.get('/') – Definiert eine Route zur Behandlung von GET-Anfragen an den Root-Pfad (/). Es können Routen für verschiedene HTTP-Methoden (GET, POST, PUT, DELETE usw.) definiert werden;
  • (req, res) => { ... } – Dies ist eine Callback-Funktion, die ausgeführt wird, wenn ein Client eine GET-Anfrage an die angegebene Route stellt. Sie nimmt zwei Argumente entgegen: req (das Request-Objekt) und res (das Response-Objekt). In diesem Fall wird einfach der Text Hello, World! als Antwort gesendet.

Schritt 5: Server starten

Den Server starten und auf dem angegebenen Port (in diesem Fall Port 3000) lauschen lassen. Nach erfolgreichem Start gibt der Server eine Meldung in der Konsole aus, die angibt, auf welchem Port er lauscht.

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

app.listen(port, ...) – Diese Methode startet den Server und lässt ihn auf dem angegebenen Port lauschen. Das zweite Argument ist eine Callback-Funktion, die ausgeführt wird, sobald der Server läuft.

Schritt 6: Anwendung ausführen

Die Anwendung wird im Terminal mit dem Befehl node ausgeführt.

node index

Nach dem Ausführen des Skripts

Der Server läuft und kann über einen Webbrowser unter http://localhost:3000 aufgerufen werden. Im Browser sollte Hello, World! angezeigt werden.

Inhalt
War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 4
some-alt