So installierst du Visual Studio Code Cloud IDE auf Ubuntu 24.04 Server
Die Visual Studio Code Cloud IDE ist eine Online-Version von Microsofts beliebtem Visual Studio Code (VS Code) Editor, die eine flexible und zugängliche Entwicklungsumgebung in der Cloud bietet. Sie ermöglicht es Entwicklern, direkt von ihrem Webbrowser aus zu programmieren, ohne dass sie etwas auf ihrem lokalen Rechner installieren müssen. Diese Cloud-basierte IDE lässt sich nahtlos in GitHub und andere Cloud-Dienste integrieren und ermöglicht die Zusammenarbeit in Echtzeit, den einfachen Zugriff auf Projekte von jedem Gerät aus und die Arbeit in verteilten Umgebungen. Mit Funktionen wie Syntaxhervorhebung, Debugging und Erweiterungen bietet die Visual Studio Code Cloud IDE ein komplettes Entwicklungserlebnis und ist damit eine praktische Lösung für Entwickler, die eine leistungsstarke, mobile Programmierumgebung benötigen, auf die sie von praktisch überall aus zugreifen können.
Diese Anleitung zeigt dir, wie du Visual Code-Server auf dem Ubuntu 24.04 Server mit Nginx als Reverse Proxy installierst.
Voraussetzungen
Bevor du beginnst, stelle sicher, dass du Folgendes hast:
- Einen Ubuntu 24.05 Server.
- Einen Nicht-Root-Benutzer mit Administrator-Rechten.
- Einen Domainnamen, der auf eine Server-IP-Adresse zeigt.
Installation des Code-Servers mit dem Installer-Skript
Um den Code-Server zu installieren, kannst du das Code-Server-Installationsskript herunterladen und ausführen. In diesem Beispiel installierst du den Codeserver als Nicht-Root-Benutzer. Vergewissere dich also, dass du dich als Benutzer angemeldet hast.
Führe zunächst den folgenden Befehl aus, um sicherzustellen, dass der Code-Server auf deinem System installiert werden kann.
curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run
Wenn der code-server auf deinem System installiert ist, siehst du die folgende Ausgabe:
Installiere nun den Code-Server mit dem unten stehenden Befehl. Gib dein sudo/administrator Passwort ein, wenn du danach gefragt wirst.
curl -fsSL https://code-server.dev/install.sh | sh
Nachdem die Installation abgeschlossen ist, starte und aktiviere den Code-Server mit dem folgenden„systemctl„-Befehl.
sudo systemctl enable --now code-server@$USER
Überprüfe abschließend den Code-Server-Dienst mit folgendem Befehl, um sicherzustellen, dass der Dienst läuft.
sudo systemctl status code-server@$USER
In dieser Ausgabe kannst du sehen, dass der Code-Server läuft, und zwar auf dem Standardport 8080.
Konfigurieren des Code-Server-Passworts
Nach der Installation des Code-Servers richtest du die Passwortauthentifizierung ein, um die Code-Server-Umgebung zu sichern.
Öffne die Standard-Codeserver-Konfigurationsdatei ~/.config/code-server/config.yaml mit dem Editor„nano„.
nano ~/.config/code-server/config.yaml
Ändere das Standardpasswort durch dein sicheres Passwort.
bind-addr: 127.0.0.1:8080 auth: password password: 0e0cb3af923c659366334664 cert: false
Speichere die Datei und beende den Editor.
Führe nun den folgenden Befehl aus, um den Code-Server neu zu starten und deine Änderungen zu übernehmen.
sudo systemctl restart code-server@$USER
Nginx als Reverse Proxy einrichten
Nachdem du den Code-Server gesichert hast, installierst du Nginx und konfigurierst es als Reverse-Proxy. Stelle also sicher, dass dein Domainname auf eine Server-IP-Adresse zeigt.
Installiere den Nginx Webserver mit dem folgenden„apt„-Befehl. Gib„Y“ ein, um die Installation zu bestätigen.
sudo apt install nginx -y
Nachdem die Installation abgeschlossen ist, erstelle mit dem Editor„nano“ eine neue Serverblock-Konfiguration„/etc/nginx/sites-available/code-server.conf„.
sudo nano /etc/nginx/sites-available/code-server.conf
Füge die folgende Konfiguration in die Datei ein und achte darauf, dass du den Domainnamen„code.howtoforge.local“ änderst.
server {
listen 80;
listen [::]:80;
server_name code.howtoforge.local;
location / {
proxy_pass http://localhost:8080/;
proxy_set_header Host $http_host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection upgrade;
proxy_set_header Accept-Encoding gzip;
}
}
Wenn du fertig bist, speichere die Datei und beende den Editor.
Führe anschließend den folgenden Befehl aus, um den Serverblock„code-server.conf“ zu aktivieren und deine Nginx-Konfiguration zu überprüfen.
sudo ln -s /etc/nginx/sites-available/code-server.conf /etc/nginx/sites-enabled/ sudo nginx -t
Wenn du richtig liegst und Nginx richtig konfiguriert hast, siehst du die Ausgabe„syntax is ok – test is successful“.
Führe nun den folgenden Befehl aus, um den Nginx-Webserver neu zu starten und die Änderungen zu übernehmen. Überprüfe dann den Nginx-Status, um sicherzustellen, dass der Webserver läuft.
sudo systemctl restart nginx sudo systemctl status nginx
In der folgenden Ausgabe siehst du, dass der Nginx-Webserver als Reverse-Proxy für die Code-Server-Anwendung läuft.
Einrichten der UFW (Unkomplizierte Firewall)
Um den Zugriff auf den Code-Server zu ermöglichen, musst du sowohl HTTP- als auch HTTPS-Ports über die UFW (Uncomplicated Firewall) öffnen.
Führe den folgenden Befehl aus, um das Profil„Nginx Full“ zu aktivieren und HTTP- und HTTPS-Verkehr zu deiner Nginx-Installation zuzulassen. Sobald du es hinzugefügt hast, siehst du die Ausgabe „Regel hinzugefügt“.
sudo ufw allow 'Nginx Full'
Führe nun den folgenden Befehl aus, um den UFW-Status zu überprüfen. Vergewissere dich, dass das Profil „Nginx Full“ aktiviert ist, um den Zugriff von überall zu ermöglichen.
sudo ufw status
Sicherung des Code-Servers mit HTTPS
In diesem Abschnitt sicherst du den Code-Server mit HTTPS, indem du SSL/TLS-Zertifikate mit certbot und letsencrypt erstellst.
Installiere die Pakete „certbot“ und „python3-certbot-nginx“ mit dem folgenden „apt“-Befehl.
sudo apt install certbot python3-certbot-nginx
Nach der Installation führst du den Befehl „certbot“ aus, um SSL/TLS-Zertifikate zu erzeugen und deine Code-Server-Installation zu sichern. Achte darauf, dass du den Domänennamen und die E-Mail-Adresse mit deinen Daten änderst.
sudo certbot --nginx --agree-tos --redirect --hsts --staple-ocsp --email alice@howtoforge.local -d code.howtoforge.local
Wenn der Vorgang abgeschlossen ist, wird deine Code-Server-Installation automatisch mit HTTPS gesichert. Und deine SSL/TLS-Zertifikate sind im Verzeichnis „/etc/letsencrypt/live/code.howtoforge.local“ verfügbar.
Zugriff auf den CodeServer
Öffne deinen Webbrowser und besuche https://code.howtoforge.local. Wenn deine Installation erfolgreich war, wirst du aufgefordert, dein Passwort einzugeben.
Gib dein Passwort ein und klicke zur Bestätigung auf SUBMIT.
Wenn du das richtige Passwort hast, siehst du den folgenden Bildschirm des Code-Servers. Wähle dein Standardthema, hell oder dunkel.
Jetzt siehst du den folgenden Live-Code-Server in deinem Webbrowser.
Fazit
Herzlichen Glückwunsch! Du hast die Installation des VS Code-Servers auf dem Ubuntu 24.04 Server abgeschlossen. Du hast einen Codeserver mit Passwortauthentifizierung und HTTPS installiert und gesichert und Nginx als Reverse-Proxy für deine Codeserver-Installation konfiguriert.