Zum Inhalt springen
TypStandardPhaseQuick WinSchwierigkeitEinfachAufgabeAuf Mobile entwickelnFürBackend-DevsFürFrontend EntwicklerFürSolo FounderServicesDisplayServicesTerminalServicesFilesServicesContainersServicesCodeWarum HoodyHTTP-nativ
TypStandardPhaseQuick WinSchwierigkeitEinfachAufgabeAuf Mobile entwickelnFürBackend-DevsFürFrontend EntwicklerFürSolo FounderServicesDisplayServicesTerminalServicesFilesServicesContainersServicesCodeWarum HoodyHTTP-nativ
TypStandardPhaseQuick WinSchwierigkeitEinfachAufgabeAuf Mobile entwickelnFürBackend-DevsFürFrontend EntwicklerFürSolo FounderServicesDisplayServicesTerminalServicesFilesServicesContainersServicesCodeWarum HoodyHTTP-nativ
TypStandardPhaseQuick WinSchwierigkeitEinfachAufgabeAuf Mobile entwickelnFürBackend-DevsFürFrontend EntwicklerFürSolo FounderServicesDisplayServicesTerminalServicesFilesServicesContainersServicesCodeWarum HoodyHTTP-nativ
Zurück zu Use Cases
use-cases / vscode-from-your-phone / hero
CODE · DISPLAYS · CONTAINERS

Echtes VS Code, auf deinem Handy, auf einer echten Linux-Box

Der Code Orchestrator startet VS Code im Container und liefert es als ganz normale URL aus. Öffne es vom Handy am Flughafen, vom Tablet auf der Couch, vom Laptop am Schreibtisch. Derselbe Editor, dieselben Files, derselbe Dev-Server, der seit gestern noch läuft.

Code-Docs lesen
use-cases / vscode-from-your-phone / url

Dein Computer hat eine URL

Der Code Orchestrator (der Service, der mit jedem Hoody-Container ausgeliefert wird) liefert das VS-Code-Webinterface über einen einzigen HTTPS-Endpoint aus. Die URL buchstabiert genau aus, welches Projekt, welcher Container und welcher Ordner im Editor geöffnet werden.

Adressleiste
https://PROJECT-CONTAINER-code-1.SERVER.containers.hoody.com/?folder=/home/user/project
PROJECTPROJECT
CONTAINER-CONTAINER
ROLE-code-1
SERVER.SERVER.containers.hoody.com
FOLDER?folder=/home/user/project

Setze einmal ein Bookmark. Öffne sie von jedem Gerät mit Browser. Der Code Orchestrator nutzt dieselbe VS-Code-Instanz pro id wieder, sodass ein zweiter Tab auf einem zweiten Gerät denselben Workspace-State aufgreift, statt einen neuen zu spawnen.

use-cases / vscode-from-your-phone / editor

Echtes VS Code, echte Linux-Box

Kein abgespeckter Handy-Editor, der so tut, als wäre er VS Code. Der Orchestrator startet einen echten VS-Code-Prozess im Container mit eigenem Data Directory unter /data/instances/, vollen Extensions und dem Proxy-Endpoint für jeden lokalen Port, an den dein Dev-Server bindet.

code-1.containers.hoody.com/?folder=/home/user/site
Layout.tsxpage.tsxpackage.json
1export const Layout = ([ children ]) => (
2 <div className="container">
3 <Header />
4 [children]
5 <Footer />
6 </div>
7);
TERMINAL · bashläuft noch
# Dev-Server, den du gestern gestartet hast$ bun run devready in 412ms→ proxy/3000 http://localhost:3000

Port-Proxy ist im Orchestrator eingebaut. Jeder Prozess, der an einen lokalen Port bindet — vite, next, der Rails-Server, das Python-REPL — ist unter /proxy/PORT/ auf derselben URL erreichbar. Der Browser auf dem Handy sieht deinen Dev-Server, weil das localhost des Containers das localhost des Containers ist, nicht das des Handys.

use-cases / vscode-from-your-phone / angles

Was kein Problem mehr ist

Der Pitch 'Handy als Editor' scheitert üblicherweise an den Klippen, die ein Handy zu einer schlechten Dev-Box machen. Das Orchestrator-Pattern bewegt sie alle vom Gerät weg.

FÜR DEN REISENDEN ENTWICKLER

Der Laptop ist nicht mehr die Arbeit

Wenn der Laptop am Schreibtisch liegt und das Handy in deiner Hand, können beide dieselbe URL öffnen und dieselben Files aufgreifen. Reisen wird zur Hardware-Entscheidung, nicht zur Workflow-Entscheidung.

FÜR DEN ON-CALL-ENGINEER

Der Fix wartet nicht auf den Laptop

Eine Codezeile geht dir in der Schlange am Flughafen nicht aus dem Kopf. URL öffnen. File editieren. Tests im eingebetteten Terminal laufen lassen. Committen. Pushen. Tab zu. Der ganze Zyklus läuft auf dem Container, nicht auf dem Handy.

FÜR DEN SOLO-FOUNDER

Eine Umgebung, jedes Gerät

Extensions einmal installiert, Settings einmal synchronisiert, Dev-Server einmal gestartet. Der State gehört dem Container, nicht dem Laptop. Ein neues Gerät kaufen heißt, eine URL darauf zu öffnen.

use-cases / vscode-from-your-phone / punchline

Computing ist nicht mehr an das Gerät in deiner Hand gebunden.

Das Handy, das Tablet, der Laptop — sie sind Render-Surfaces. Die CPU, die Disk, der Dev-Server, der Build-Cache, die laufenden Prozesse leben alle im Container. Jeder Browser reicht aus, um sie zu erreichen.

  • kein Laptop nötig
  • keine Sync-Konflikte
  • die URL ist der Workspace
use-cases / vscode-from-your-phone / replaces

Was das ersetzt

Die Patterns, zu denen Entwickler greifen, wenn sie einen Laptop-Grade-Editor auf einem Nicht-Laptop-Gerät wollen. Jedes biegt entweder das Gerät oder den Workflow. Der Orchestrator biegt nichts.

  • GitHub CodespacesEditor im Browser, aber die Box gehört ihnen
  • GitpodDasselbe Modell, ephemer, Vendor-Lock
  • ReplitIhre Runtime, ihr Filesystem, ihr Pricing
  • Cursor auf dem HandyEs gibt kein Cursor auf dem Handy
  • Vom Laptop arbeitenDie Arbeit mitnehmen heißt, das Gerät mitnehmen
use-cases / vscode-from-your-phone / cta

URL öffnen. Fix machen. Tab zu. Dein Computer war nie in deiner Hand.

Code-Orchestrator-Docs lesen
use-cases / vscode-from-your-phone / related

Lies die anderen