LU03.A01/L01

1. Programmierung eines Node.js Webservers, der mittels GET ein Liste von Namen mittels ausgibt.
2. Programmierung eines Node.js Webservers, der in eine Liste einen Namen mittels POST hinzufügt.

• Sozialform: individual
• Hilfsmittel: Youtube-Lernvideo
• Zeit: 20 Minuten
• Erwartetes Resultat: Node-Server, der abgefragte Daten am Monitor/Browser ausgibt und Daten im Array ergänzen kann.

Wir haben die Grundfunktionen eine Webservers in der letzten Aufgabe kennen gelernt. Nun wollen wir speziefischer werden und die Methoden POST und GET geziehlt anwenden.

Hinweis: Um diesen zu Programmieren, nutzen wir hierfür das JavaScript-Framework Express, welches in der Branche Standard ist.

1. Installieren Sie im Visual Studio Code das Framework „express“ in ihr Visual Studio Code durch die nachfolgenden zwei Codezeilen.
2. npm init -y: package.json-Datei wird erstellt, dass alle Abhängigkeiten des Projektes verwaltet.
3. npm install express: Installation des express-Frameworks mit wichtigen Funktionen/Tools des Servers

npm init -y

Ergebnis Das Ergebnis im Terminalfenster von Visual Studio Code sollte wie folgt aussehen.

npm install express

Ergebnis Das Ergebnis im Terminalfenster von Visual Studio Code sollte wie folgt aussehen.

1. Kopieren Sie die nachfolgende JS-Vorlage in Ihre Visual Studio Code (Filename lu03_a02.js)
2. Starten Sie den Server

const express = require('express');
const app = express();
const PORT = 3000;
 
// Middleware, um JSON-Daten verarbeiten zu können
app.use(express.json());
 
let benutzerListe = ["Maximilian", "Sophie"];
 
// 1. Aufgabe: Die GET-Route vervollständigen
app.get('/users', (req, res) => {
    // Senden Sie hier die benutzerListe als Antwort zurück
    res.json(benutzerListe);
});
 
// 2. Aufgabe: Die POST-Route vervollständigen
app.post('/users', (req, res) => {
    const neuerName = req.body.name;
 
    if (neuerName) {
        // Fügen Sie den Namen dem Array hinzu (Tipp: .push())
        benutzerListe.push(neuerName);
        res.status(201).send(`Benutzer ${neuerName} wurde erfolgreich gespeichert.`);
    } else {
        res.status(400).send("Fehler: Es wurde kein Name übertragen.");
    }
});
 
app.listen(PORT, () => {
    console.log(`Ihr Server ist nun unter http://localhost:${PORT} erreichbar.`);
});

—-

Volkan Demir