So installieren Sie Visual Studio Code Cloud IDE auf Ubuntu 24.04 Server

Die Visual Studio Code Cloud IDE ist eine Online-Version des beliebten Editors Visual Studio Code (VS Code) von Microsoft, die entwickelt wurde, um eine flexible und zugängliche Entwicklungsumgebung in der Cloud bereitzustellen. Sie ermöglicht Entwicklern, direkt aus ihren Webbrowsern zu programmieren, ohne etwas auf ihren lokalen Maschinen installieren zu müssen. Diese cloudbasierte IDE integriert sich nahtlos mit GitHub und anderen Cloud-Diensten, ermöglicht die Zusammenarbeit in Echtzeit, den einfachen Zugriff auf Projekte von jedem Gerät aus und die Möglichkeit, in verteilten Umgebungen zu arbeiten. Mit Funktionen wie Syntaxhervorhebung, Debugging und Erweiterungen bietet die Visual Studio Code Cloud IDE ein vollständiges Entwicklungserlebnis und ist eine praktische Lösung für Entwickler, die eine leistungsstarke, tragbare Programmierumgebung benötigen, die von nahezu überall aus zugänglich ist.

Diese Anleitung zeigt Ihnen, wie Sie Visual Code-Server auf dem Ubuntu 24.04 Server mit Nginx als Reverse-Proxy installieren.

Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes haben:

• Einen Ubuntu 24.05 Server.
• Einen Nicht-Root-Benutzer mit Administratorrechten.
• Einen Domainnamen, der auf eine Server-IP-Adresse verweist.

Installation von code-server mit Installationsskript

Um den code-server zu installieren, können Sie das Installationsskript für den code-server herunterladen und ausführen. In diesem Beispiel installieren Sie einen code-server als Nicht-Root-Benutzer. Stellen Sie also sicher, dass Sie sich bei Ihrem Benutzer angemeldet haben.

Zuerst führen Sie den folgenden Befehl aus, um sicherzustellen, dass der code-server auf Ihrem System installiert werden kann.

curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run

Wenn der code-server auf Ihrem System installiert ist, sehen Sie die folgende Ausgabe:

Jetzt installieren Sie den code-server mit dem folgenden Befehl. Geben Sie Ihr sudo/Administrator-Passwort ein, wenn Sie dazu aufgefordert werden.

curl -fsSL https://code-server.dev/install.sh | sh

Nachdem die Installation abgeschlossen ist, starten und aktivieren Sie den code-server mit dem folgenden ‘ systemctl ‘ Befehl.

sudo systemctl enable --now code-server@$USER

Überprüfen Sie zuletzt den code-server-Dienst mit dem folgenden Befehl, um sicherzustellen, dass der Dienst läuft.

sudo systemctl status code-server@$USER

In dieser Ausgabe können Sie sehen, dass der code-server läuft, der auf dem Standardport 8080 läuft.

Konfigurieren des code-server-Passworts

Nach der Installation des code-Servers richten Sie die Passwortauthentifizierung ein, um die Umgebung des code-Servers zu sichern.

Öffnen Sie die Standardkonfigurationsdatei des code-Servers ~/.config/code-server/config.yaml mit dem ‘ nano ‘ Editor.

nano ~/.config/code-server/config.yaml

Ändern Sie das Standardpasswort in Ihr sicheres Passwort.

bind-addr: 127.0.0.1:8080  
auth: password  
password: 0e0cb3af923c659366334664  
cert: false

Speichern Sie die Datei und beenden Sie den Editor.

Führen Sie nun den folgenden Befehl aus, um den code-server neu zu starten und Ihre Änderungen anzuwenden.

sudo systemctl restart code-server@$USER

Einrichten von Nginx als Reverse-Proxy

Jetzt, wo Sie den code-server gesichert haben, installieren Sie Nginx und konfigurieren ihn als Reverse-Proxy. Stellen Sie sicher, dass Ihr Domainname auf eine Server-IP-Adresse verweist.

Installieren Sie den Nginx-Webserver mit dem folgenden ‘ apt ‘ Befehl. Geben Sie ‘ Y ‘ ein, um die Installation zu bestätigen.

sudo apt install nginx -y

Nachdem die Installation abgeschlossen ist, erstellen Sie eine neue Serverblockkonfiguration ‘ /etc/nginx/sites-available/code-server.conf ‘ mit dem ‘ nano ‘ Editor.

sudo nano /etc/nginx/sites-available/code-server.conf

Fügen Sie die folgende Konfiguration in die Datei ein und stellen Sie sicher, dass Sie den Domainnamen ‘ code.howtoforge.local ‘ ändern.

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 Sie fertig sind, speichern Sie die Datei und beenden Sie den Editor.

Führen Sie als Nächstes den folgenden Befehl aus, um den ‘ code-server.conf ‘ Serverblock zu aktivieren und Ihre Nginx-Konfiguration zu überprüfen.

sudo ln -s /etc/nginx/sites-available/code-server.conf /etc/nginx/sites-enabled/  
sudo nginx -t

Wenn Sie korrekt sind und eine ordnungsgemäße Nginx-Konfiguration haben, sehen Sie eine Ausgabe ‘ Syntax ist ok - Test war erfolgreich ‘.

Führen Sie nun den folgenden Befehl aus, um den Nginx-Webserver neu zu starten und die Änderungen anzuwenden. Überprüfen Sie dann den Nginx-Status, um sicherzustellen, dass der Webserver läuft.

sudo systemctl restart nginx  
sudo systemctl status nginx

In der folgenden Ausgabe können Sie sehen, dass der Nginx-Webserver als Reverse-Proxy für die code-server-Anwendung läuft.

Einrichten von UFW (Uncomplicated Firewall)

Um den Zugriff auf den code-server zu ermöglichen, müssen Sie sowohl die HTTP- als auch die HTTPS-Ports über UFW (Uncomplicated Firewall) öffnen.

Führen Sie den folgenden Befehl aus, um das Profil ‘ Nginx Full ‘ zu aktivieren und HTTP- und HTTPS-Verkehr zu Ihrer Nginx-Installation zuzulassen. Sobald hinzugefügt, sehen Sie eine Ausgabe ‘Regel hinzugefügt’.

sudo ufw allow 'Nginx Full'

Führen Sie nun den folgenden Befehl aus, um den UFW-Status zu überprüfen. Stellen Sie sicher, dass das Profil ‘Nginx Full’ aktiviert ist, um den Zugriff von überall zuzulassen.

sudo ufw status

Sichern des code-Servers mit HTTPS

In diesem Abschnitt sichern Sie den code-server mit HTTPS, indem Sie SSL/TLS-Zertifikate über certbot und letsencrypt generieren.

Installieren Sie die Pakete ‘certbot’ und ‘python3-certbot-nginx’ mit dem folgenden ‘apt’ Befehl.

sudo apt install certbot python3-certbot-nginx

Nachdem die Installation abgeschlossen ist, führen Sie den folgenden ‘certbot’ Befehl aus, um SSL/TLS-Zertifikate zu generieren und Ihre code-server-Installation zu sichern. Stellen Sie sicher, dass Sie den Domainnamen und die E-Mail-Adresse mit Ihren Informationen ändern.

sudo certbot --nginx --agree-tos --redirect --hsts --staple-ocsp --email [email protected] -d code.howtoforge.local

Wenn der Vorgang abgeschlossen ist, wird Ihre code-server-Installation automatisch mit HTTPS gesichert. Und Ihre SSL/TLS-Zertifikate sind im Verzeichnis ‘/etc/letsencrypt/live/code.howtoforge.local’ verfügbar.

Zugriff auf den code-server

Öffnen Sie Ihren Webbrowser und besuchen Sie https://code.howtoforge.local. Wenn Ihre Installation erfolgreich ist, werden Sie zur Passwortauthentifizierung aufgefordert.

Geben Sie Ihr Passwort ein und klicken Sie auf EINREICHEN, um zu bestätigen.

Wenn Sie das richtige Passwort haben, sehen Sie den folgenden code-server-Bildschirm. Wählen Sie Ihr Standardthema, hell oder dunkel.

Jetzt sehen Sie den folgenden live code-server in Ihrem Webbrowser.

Fazit

Herzlichen Glückwunsch! Sie haben die Installation des VS-Code-Servers auf dem Ubuntu 24.04 Server abgeschlossen. Sie haben einen code-server mit Passwortauthentifizierung und HTTPS installiert und gesichert und Nginx als Reverse-Proxy für Ihre code-server-Installation konfiguriert.