Express.js online

Node.js lernen

Schreib einen Express-Server, klick auf Starten und schick ihm Anfragen über die Leiste: GET, POST, JSON-Bodys, Header. Nichts zu installieren. Kostenlos, ohne Anmeldung.

import express from 'express';

const app = express();

app.get('/', (req, res) => {
    res.send('<h1>Hello from Express</h1><p>Send GET /api/hello?name=Ada</p>');
});

app.get('/api/hello', (req, res) => {
    const name = req.query.name || 'world';
    res.json({ message: `Hello, ${name}!` });
});

app.get('/api/users/:id', (req, res) => {
    const id = Number(req.params.id);
    if (!Number.isInteger(id)) {
        return res.status(400).json({ error: 'id must be a number' });
    }
    res.json({ id, name: `User ${id}` });
});

app.listen(3000, () => {
    console.log('Server running on port 3000');
});

Express.js online starten, direkt im Browser

Bearbeite ein Express-Projekt neben einem laufenden Server. Drück auf Starten und app.listen(3000) startet ihn; danach schickst du ihm Requests über die Request-Leiste: Methode wählen, Pfad eingeben, Header und einen JSON-Body hinzufügen, und du siehst Status, Header und Antwort. Das ist, was du sonst mit node server.js und curl oder Postman machst, ohne Node.js zu installieren.

Jedes Beispiel ist ein ganzes Projekt, jede Datei ist bearbeitbar: server.js und im API-Beispiel ein Router in routes/todos.js. Die Konsole zeigt deine console.log()-Zeilen, jeden Request und jeden Fehler mit seiner Zeile. Das Menü Routen listet, worauf dein Server antwortet, und eine Seite, die dein Server schickt, wird mit funktionierenden Links und Formularen angezeigt.

Was diesen Express-Playground nützlich macht

Das echte Framework: Express 5 führt deine Routen, Router, Middleware, express.json() und Fehler-Handler auf einer Node.js-Runtime mit fs, process, crypto und events aus.
Eine Request-Leiste statt eines Terminals: GET, POST, PUT, PATCH und DELETE, Header wie Authorization, ein JSON-Body und Cookies, die zwischen Requests erhalten bleiben.
Eine Datenbank ohne Server: import { MongoClient } from 'mongodb' gibt dir ein MongoDB im Arbeitsspeicher mit find, insertOne, Indizes und aggregate.
ES-Module oder CommonJS, so wie Node.js 24 sie liest: import express from 'express' und require('express') funktionieren beide, mit Nodes eigenen Regeln für Dateiendungen.

Was du im Express-Playground bauen kannst

Eine JSON-API: Füg mit app.get() eine Route hinzu, lies req.params und req.query und antworte mit res.status(201).json().
Middleware: Protokolliere jeden Request, schütze eine Route mit einem API-Key-Header und füg dann einen 404-Handler und einen Fehler-Handler mit vier Argumenten hinzu.
Eine kleine Website: Schick eine HTML-Seite mit einem Formular, lies es mit express.urlencoded() aus und antworte wieder mit der Seite.

FAQ zu Express.js online

Kann ich Express.js online ausführen, ohne Node.js zu installieren?

Ja. Diese Seite führt Express in deinem Browser auf der Node.js-Runtime von Coddy aus, in einem Web Worker. Du musst also nichts installieren und kein Konto anlegen. Beim ersten Starten wird die Runtime einmal heruntergeladen (etwa 170 KB); danach startet ein Server in einem Bruchteil einer Sekunde.

Ist das das echte Express?

Es ist Express 5.3, unverändert, und es führt deine Dateien aus. Die eingebauten Module von Node stellt die Runtime bereit, also funktioniert normaler Express-Code: Kopier deine Dateien in einen Ordner auf deinem Computer, führ npm install express und node server.js aus, und der Server antwortet genauso.

Wie teste ich meine API?

Mit der Request-Leiste über der Antwort. Wähl die Methode, gib den Pfad ein und schreib für POST, PUT und PATCH einen JSON-Body; der Button Header fügt Header wie Authorization: Bearer ... hinzu. Das Menü Routen füllt die Leiste mit einer Route, die dein Server hat.

Was kann der Playground nicht?

Er kann keine Pakete von npm installieren: Express, zod, jose und ein MongoDB im Arbeitsspeicher sind eingebaut. Er kann keine echten Netzwerkverbindungen öffnen, keinen Datenbankserver und nicht das Internet erreichen und keine Daten zwischen zwei Starts behalten: Jedes Starten startet einen frischen Server. Er ist zum Lernen und Ausprobieren da, nicht zum Hosten einer API.

Ist er kostenlos, und wird mein Code gespeichert?

Er ist kostenlos und braucht kein Konto. Deine Änderungen an jedem Beispiel bleiben in diesem Browser, du kannst den Tab also schließen und später weitermachen. Zurücksetzen bringt das aktuelle Beispiel in seinen Anfangszustand, und der Download-Button speichert die geöffnete Datei.

Wie lerne ich Express und Node.js?

Fang mit den Beispielen hier an: Ändere eine Route, drück auf Starten und schick ihr einen Request. Für einen ganzen Lernweg nimm den Node.js-Kurs von Coddy: Node.js-Grundlagen, Express, REST-APIs, MongoDB, Authentifizierung und NestJS, mit deinem Server neben deinem Code in jeder Lektion.

Nützliche Tools für Express

Kostenlose, browserbasierte Tools, die gut zum Express-Playground passen, alles Teil von Coddy.

Express-Editor einbetten Programmier-Plattformen vergleichen