VS-Code im Browser

VS-Code im Browser - getestet

Mit Visual Studio Code kann sehr einfach auf einem Remote-System entwickelt werden, siehe Visual Studio Code (VS-Code) - Remote. Einen Schritt weiter geht der Openvscode-Server von Gitpod, dieser ermöglicht es VS-Code als Server-Dienst zur Verfügung zu stellen. Für den Zugriff wird lediglich ein Browser benötigt.

Docker Basics

Docker ermöglicht es, Services oder Applikationen per Befehl in einem sogenannten Container zu starten.
Ein Container ist eine vom Betriebssystem (OS) unabhängige isolierte Umgebung:
Beim ersten Start eines Containers, lädt Docker selbstständig alle notwendigen Quellen
aus dem Internet.
Docker kann unter Windows, macOS oder einer Linux-Distribution installiert werden,
siehe auch: Docker

Auf Serverseite reicht ein Docker-Container mit einem Mapping auf einen lokalen Ordner:

Docker-Container starten

Wer Docker bereits installiert hat, kann den Openvscode-Server mit folgendem Befehl starten:

docker run -it --init -p 3033:3000 -v "$(pwd):/home/workspace:cached" gitpod/openvscode-server

Anstelle von $(pwd) kann hier natürlich ein anderer Ordner verwendet werden. Der Ordner wird dann in den Docker-Container gemappt und kann dort für das Bearbeiten verwendet werden. Als Port für den Zugriff habe ich laut dem Befehl :3033 verwendet:

Siehe auch: github.com/gitpod-io/openvscode-server/

https und Authentifizierung

Wer den Openvscode-Server im Netzwerk oder gar über das Internet verfügbar machen will, sollte diesen vor unberechtigten Zugriff schützen. Der Netzwerkverkehr sollte verschlüsselt werden und es sollte dringend eine Authentifizierung hinzugefügt werden. Je nach Einsatzszenario hilft dafür beispielsweise ein zusätzlicher Web-Proxy, wie der Letsencrypt-nginx-proxy-companion und zumindest eine Basic-Authentication oder Google-Authentication, siehe: LetsEncrypt Reverse Proxy in der Praxis.