Express.js en ligne

Apprendre Node.js

Écris un serveur Express, clique sur Lancer et envoie-lui des requêtes depuis la barre : GET, POST, corps JSON, en-têtes. Rien à installer. Gratuit, sans inscription.

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');
});

Lancez Express.js en ligne, directement dans le navigateur

Modifiez un projet Express à côté d'un serveur qui tourne. Appuyez sur Lancer et app.listen(3000) le démarre ; envoyez-lui ensuite des requêtes depuis la barre de requêtes : choisissez la méthode, tapez le chemin, ajoutez des en-têtes et un corps JSON, et voyez le statut, les en-têtes et la réponse. C'est ce que vous feriez avec node server.js et curl ou Postman, sans installer Node.js.

Chaque exemple est un projet complet, et chaque fichier est modifiable : server.js et, dans l'exemple d'API, un routeur dans routes/todos.js. La Console affiche vos lignes de console.log(), chaque requête et chaque erreur avec sa ligne. Le menu Routes liste ce à quoi votre serveur répond, et une page envoyée par votre serveur s'affiche avec des liens et des formulaires qui fonctionnent.

Ce qui rend ce playground Express utile

Le vrai framework : Express 5 exécute vos routes, routeurs, middleware, express.json() et gestionnaires d'erreurs sur un runtime Node.js avec fs, process, crypto et events.
Une barre de requêtes au lieu d'un terminal : GET, POST, PUT, PATCH et DELETE, des en-têtes comme Authorization, un corps JSON et des cookies gardés d'une requête à l'autre.
Une base de données sans serveur : import { MongoClient } from 'mongodb' vous donne un MongoDB en mémoire avec find, insertOne, des index et aggregate.
Modules ES ou CommonJS, comme Node.js 24 les lit : import express from 'express' et require('express') fonctionnent tous les deux, avec les règles de Node pour les extensions de fichier.

Ce que vous pouvez créer dans le playground Express

Une API JSON : ajoutez une route avec app.get(), lisez req.params et req.query, et répondez avec res.status(201).json().
Un middleware : journalisez chaque requête, protégez une route avec un en-tête de clé d'API, puis ajoutez un gestionnaire 404 et un gestionnaire d'erreurs à quatre arguments.
Un petit site : envoyez une page HTML avec un formulaire, lisez-le avec express.urlencoded() et répondez avec la page.

FAQ Express.js en ligne

Peut-on lancer Express.js en ligne sans installer Node.js ?

Oui. Cette page exécute Express dans votre navigateur sur le runtime Node.js de Coddy, dans un Web Worker : rien à installer, aucun compte à créer. Le premier lancement télécharge le runtime une seule fois (environ 170 Ko) ; ensuite, un serveur démarre en une fraction de seconde.

Est-ce le vrai Express ?

C'est Express 5.3, sans modification, qui exécute vos fichiers. Les modules intégrés de Node sont fournis par le runtime, donc du code Express ordinaire fonctionne : copiez vos fichiers dans un dossier sur votre ordinateur, lancez npm install express puis node server.js, et le serveur répond de la même façon.

Comment tester mon API ?

Avec la barre de requêtes au-dessus de la réponse. Choisissez la méthode, tapez le chemin et, pour POST, PUT et PATCH, écrivez un corps JSON ; le bouton En-têtes ajoute des en-têtes comme Authorization: Bearer .... Le menu Routes remplit la barre avec une route de votre serveur.

Que ne fait pas le playground ?

Il ne peut pas installer de paquets npm : Express, zod, jose et un MongoDB en mémoire sont inclus. Il ne peut pas ouvrir de vraies connexions réseau, joindre un serveur de base de données ou internet, ni garder des données d'un lancement à l'autre : chaque lancement démarre un serveur neuf. Il sert à apprendre et à essayer des idées, pas à héberger une API.

C'est gratuit ? Mon code est-il enregistré ?

C'est gratuit et sans compte. Vos modifications de chaque exemple sont gardées dans ce navigateur : vous pouvez fermer l'onglet et revenir. Réinitialiser remet l'exemple en cours dans son état de départ, et le bouton de téléchargement enregistre le fichier ouvert.

Comment apprendre Express et Node.js ?

Commencez par les exemples ici : modifiez une route, appuyez sur Lancer et envoyez-lui une requête. Pour un parcours complet, suivez le cours Node.js de Coddy : les bases de Node.js, Express, les API REST, MongoDB, l'authentification et NestJS, avec votre serveur qui tourne à côté de votre code dans chaque leçon.

Outils utiles pour Express

Outils gratuits dans le navigateur qui s'associent bien avec le Playground Express, et qui font tous partie de Coddy.

Intégrer l'éditeur Express Comparer les plateformes de code