So installieren Sie Visual Studio Code - Server IDE auf Ubuntu 20.04 LTS

Code-server ist ein Visual Studio (VS) Code, der remote auf dem Server ausgeführt werden kann und über einen Webbrowser zugänglich ist. Es ermöglicht Ihnen, eine konsistente Entwicklungsumgebung zu erstellen und zu haben, die jederzeit und überall zugänglich ist.

In diesem Tutorial zeigen wir Ihnen, wie Sie den Code-Server mit Nginx als Reverse-Proxy und SSL Letsencrypt auf dem neuesten Ubuntu 20.04 Server installieren.

Voraussetzungen

Für diesen Leitfaden installieren wir den Visual Code Server auf dem Ubuntu 20.04 Server mit 4 GB RAM, 25 GB freiem Speicherplatz und 2 CPUs.

Was wir tun werden:

• Visual Code Server-Pakete herunterladen und installieren
• Authentifizierung für den Visual Code Server einrichten
• SSL Letsencrypt generieren
• Nginx als Reverse-Proxy installieren und konfigurieren
• Testen

Schritt 1 - Visual Code Server-Pakete herunterladen und installieren

Zuerst laden wir die neueste Version des Visual Code Servers für Ubuntu FocalFossa herunter und installieren sie in unserem System.

Standardmäßig sind die Code-Server-Pakete für mehrere Betriebssysteme verfügbar. Sie können die Release-Seite des Code-Servers auf GitHub mit dem folgenden Link überprüfen.

https://github.com/cdr/code-server/releases

Laden Sie nun die Visual Code Server-Pakete für Ubuntu mit dem folgenden wget-Befehl herunter.

wget -q https://github.com/cdr/code-server/releases/download/3.4.1/code-server_3.4.1_amd64.deb

Danach installieren Sie das Visual Code Server-Paket mit dem folgenden dpkg-Befehl.

sudo dpkg -i code-server_3.4.1_amd64.deb

Sobald die Installation abgeschlossen ist, starten Sie den Code-Server-Dienst und fügen Sie ihn zum Systemstart hinzu.

systemctl --user start code-server  
systemctl --user enable code-server

Der Visual Code Server ist aktiv, überprüfen Sie ihn mit dem folgenden Befehl.

ss -plnt  
systemctl --user status code-server

Unten ist das Ergebnis, das Sie erhalten werden.

Wie zu sehen ist, läuft der Visual Code Server standardmäßig auf der lokalen IP-Adresse ‘127.0.0.1’ mit dem TCP-Port ‘8080’.

Schritt 2 - Authentifizierung für den Visual Code Server einrichten

Standardmäßig läuft der Visual Code Server mit aktivierter Authentifizierung.

Die Passwortauthentifizierung des Visual Code Servers wird standardmäßig in der Datei ‘~/.config/code-server/config.yaml’ generiert.

Überprüfen Sie die Konfiguration des Visual Code Servers mit dem folgenden Befehl.

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

Sie erhalten eine Konfiguration wie diese.

bind-addr: 127.0.0.1:8080  
auth: password  
password: 58403006a03529a2d26c08af  
cert: false

Details zur Konfiguration:

• Die ‘bind-addr’ ist eine Option, die verwendet wird, um zu definieren, auf welcher IP-Adresse und welchem Port der Code-Server ausgeführt wird.
• Die ‘auth’-Option ist die Authentifizierungsmethode für den Visual Code Server, und standardmäßig wird die ‘password’-Authentifizierungsmethode verwendet.
• Die ‘password’-Optionen werden verwendet, um Ihr Passwort für den Zugriff auf den Visual Code Server festzulegen, und stellen Sie sicher, dass Sie ein starkes Passwort verwenden.

Um die Bind-Adresse, den Port und das Passwort für den Visual Code Server zu ändern, ändern Sie die Standardkonfiguration ‘~/.config/code-server/config.yaml’ nach Ihren Bedürfnissen.

Schritt 3 - SSL Letsencrypt generieren

In diesem Schritt generieren wir das SSL Letsencrypt mit dem Certbot-Tool, um den Code-Server abzusichern.

Installieren Sie das Certbot-Tool mit dem folgenden apt-Befehl.

sudo apt install certbot -y

Sobald die Installation abgeschlossen ist, generieren Sie das SSL Letsencrypt mit dem folgenden Certbot-Befehl.

certbot certonly --standalone --agree-tos -m [email protected] -d vscode.hakase-labs.io

Sobald es abgeschlossen ist, befinden sich Ihre Zertifikate im Verzeichnis ‘/etc/letsencrypt/live/vscode.hakase-labs.io/‘.

ls -lah /etc/letsencrypt/live/vscode.hakase-labs.io/

Jetzt haben Sie das SSL Letsencrypt zur Sicherung der Code-Server-Installation mit dem Certbot-Tool generiert.

Schritt 4 - Nginx als Reverse-Proxy einrichten

In diesem Schritt installieren wir den Nginx-Webserver und richten ihn als Reverse-Proxy für den Code-Server mit aktiviertem SSL ein.

Installieren Sie das Nginx-Paket mit dem folgenden apt-Befehl.

sudo apt install nginx -y

Sobald die Installation abgeschlossen ist, gehen Sie zum Verzeichnis ‘/etc/nginx/sites-available’ und erstellen Sie eine neue virtuelle Host-Konfiguration ‘code-server’.

cd /etc/nginx/sites-available/  
vim code-server

Ändern Sie jetzt den Domainnamen und den Pfad von SSL nach Ihren eigenen und fügen Sie die Konfiguration ein.

server {  
 listen 80;  
 server_name vscode.hakase-labs.io;  
 # erzwinge https  
 return 301 https://$server_name:443$request_uri;  
}  
  
server {  
 listen 443 ssl http2;  
 server_name vscode.hakase-labs.io;  
  
 ssl_certificate /etc/letsencrypt/live/vscode.hakase-labs.io/fullchain.pem;  
 ssl_certificate_key /etc/letsencrypt/live/vscode.hakase-labs.io/privkey.pem;  
  
 location / {  
 proxy_pass http://127.0.0.1:8080/;  
 proxy_set_header Host $host;  
 proxy_set_header Upgrade $http_upgrade;  
 proxy_set_header Connection upgrade;  
 proxy_set_header Accept-Encoding gzip;  
 }  
}

Speichern und schließen.

Aktivieren Sie jetzt den virtuellen Host ‘code-server’, testen Sie die Nginx-Konfiguration und stellen Sie sicher, dass keine Fehler vorhanden sind.

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

Danach starten Sie den Nginx-Dienst neu und fügen ihn zum Systemstart hinzu.

systemctl restart nginx  
systemctl enable nginx

Jetzt ist der Nginx-Dienst aktiv und läuft als Reverse-Proxy für den Code-Server. Überprüfen Sie dies mit dem folgenden Befehl.

netstat -plntu  
systemctl status nginx

Und Sie erhalten das Ergebnis wie unten.

Der Nginx-Dienst ist aktiv und läuft auf dem Ubuntu 20.04 Server mit den aktivierten HTTP- und HTTPS-Ports.

Schritt 5 - Testen

Öffnen Sie Ihren Webbrowser und geben Sie die URL Ihrer Code-Server-Installation ein.

https://vscode.hakase-labs.io/

Melden Sie sich mit dem Passwort an, das Sie in der Code-Server-Dienstdatei konfiguriert haben.

Sobald das Passwort korrekt ist, erhalten Sie den VS Code-Editor in Ihrem Webbrowser wie unten.

Als Ergebnis haben Sie den Code-Server auf dem Ubuntu 20.04 Server mit Nginx als Reverse-Proxy installiert und die Code-Server-Installation mit SSL Letsencrypt gesichert.

Referenz

• https://github.com/cdr/code-server