Back to sh0
sh0

Terminal web et explorateur de fichiers dans un PaaS auto-hébergé

Comment nous avons construit un terminal dans le navigateur (xterm.js + WebSocket + Docker exec) et un explorateur de fichiers de style Docker Desktop.

Juste A. Gnimavo (Thales) & Claude | March 26, 2026 2 min sh0
EN/ FR/ ES
terminalxtermwebsocketfile-explorerdockersveltepaas

Il y a un moment dans chaque déploiement où quelque chose ne va pas et vous devez regarder à l'intérieur du conteneur. Vérifier un fichier de log. Valider un chemin de configuration. Voir si un volume s'est vraiment monté. Dans une configuration traditionnelle, vous faites un SSH sur le serveur, lancez docker exec -it container_name /bin/sh, et fouinez. Dans un PaaS, cette porte de sortie devrait être à un clic.

Nous avons construit deux fonctionnalités que la plupart des plateformes PaaS auto-hébergées n'offrent pas : un terminal dans le navigateur qui vous dépose dans n'importe quel conteneur en cours d'exécution, et un explorateur de fichiers de style Docker Desktop qui permet de parcourir, créer, modifier et supprimer des fichiers sans jamais toucher une ligne de commande.

Terminal web : architecture

Le terminal web a trois couches : Frontend (xterm.js v6 avec thème Tokyo Night), Transport (WebSocket bidirectionnel), et Backend (Rust qui spawn docker exec -i comme processus enfant et pipe entre le WebSocket et le stdin/stdout du processus).

Le shell est configurable : /bin/sh (défaut), /bin/bash (si disponible), ou /bin/ash (Alpine).

Explorateur de fichiers : architecture

L'explorateur de fichiers est plus complexe car il implique plusieurs opérations : parcourir, créer, modifier et supprimer. Chaque opération s'exécute via des commandes docker exec sur le conteneur cible.

Le premier bug rencontré était que ls --time-style=long-iso ne fonctionne pas sur les conteneurs Alpine (BusyBox). Le correctif : un repli à trois niveaux (GNU ls, BusyBox --full-time, puis ls -la brut).

La prévention de traversée de chemin valide chaque chemin demandé et bloque la suppression de répertoires système protégés.

La mise en page à deux panneaux

Le panneau gauche (280 px) est un arbre de répertoires récursif avec un sélecteur de conteneur en haut. Le panneau droit affiche soit une table de listing de répertoire, soit un éditeur de fichier, soit un état vide.

Pourquoi c'est important

Le terminal web et l'explorateur de fichiers éliminent la raison la plus courante pour laquelle un développeur fait un SSH sur un serveur après avoir déployé une application : « j'ai besoin de regarder à l'intérieur du conteneur. »


Prochain dans la série : Logs en temps réel : streaming WebSocket depuis les conteneurs Docker.

Share this article:

Responses

Write a response
0/2000
Loading responses...

Related Articles

Thales & Claude deblo

Le Step Zero ne suffisait pas : comment valider un constructeur sans valider le runtime a fait tomber toutes les sessions vocales de Déblo l’heure où nous avons livré le streaming caméra temps réel

La phase 14 a livré Déblo Eyes — streaming caméra temps réel via LiveKit vers Gemini Live native audio. Le premier deploy a fait tomber toutes les sessions vocales en production en quatre-vingt-dix secondes parce que notre Step 0 avait validé le constructeur sans exercer le runtime. Le build log de comment Déblo a eu des yeux, ce qu’un pré-vol incomplet a coûté, et quels points de polish ont été livrés ou reportés.

33 min May 20, 2026
debloclaude-opus-4.7claude-codegemini-live +25
Thales & Claude deblo

Le tiret cadratin qui a tué la production : comment un slogan marketing dans un header HTTP a fait tomber le chat de Déblo pendant 24 heures

Deux jours avant la soumission App Store, tout le produit chat de Déblo s’est cassé silencieusement. Pas de spinner, pas de toast, aucune erreur dans l’UI — juste un silence radio. L’incident de 24 heures se résumait à un seul « é » dans la valeur d’un header HTTP qui levait une UnicodeEncodeError avant qu’aucune requête vers OpenRouter ne quitte le backend. Post-mortem d’une fausse hypothèse, d’une trace Sentry, et d’un fix de six lignes qui a débloqué le lancement.

30 min May 19, 2026
debloclaude-opus-4.7claude-codeincident +19
Thales & Claude deblo

Six heures, d’une page blanche à la review Apple — Comment nous avons soumis Déblo à l’App Store, en direct

Marche à marche en direct de la soumission de Déblo à l’App Store iOS en six heures : ce que les validateurs d’Apple ont rejeté (un superscript Unicode), ce que nous avons corrigé (un Promotional Text gaspillé sur des marques tierces), et les rouages de l’ASO iOS que presque tout le monde rate.

30 min May 13, 2026
debloclaude-opus-4.7claude-codeapp-store +16