So installieren Sie Visual Studio Code - Server IDE auf Ubuntu 18.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, 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 18.04 Server installieren.

Voraussetzungen

Für diesen Leitfaden installieren wir den Code-server auf dem Ubuntu 18.04 Server mit 3 GB RAM, 25 GB freiem Speicherplatz und 2 CPUs.

Was wir tun werden:

• Benutzer hinzufügen und Code-server-Binärdatei herunterladen
• Code-server als Systemd-Dienst einrichten
• SSL Letsencrypt generieren
• Nginx als Reverse-Proxy für Code-server einrichten
• Testen

Schritt 1 - Benutzer hinzufügen und Code-Server-Binärdatei herunterladen

Zuerst fügen wir einen neuen Benutzer hinzu und laden die Code-server-Binärdatei von GitHub herunter.

Fügen Sie einen neuen Benutzer ‘code’ mit dem folgenden Befehl hinzu.

useradd -m -s /bin/bash code  
passwd code

Jetzt melden Sie sich als Benutzer ‘code’ an und laden die Code-server-Binärdatei herunter.

su - code  
wget https://github.com/cdr/code-server/releases/download/2.1692-vsc1.39.2/code-server2.1692-vsc1.39.2-linux-x86_64.tar.gz

Extrahieren Sie den Code-server und benennen Sie das Verzeichnis in ‘bin’ um.

tar -xf code-server2.1692-vsc1.39.2-linux-x86_64.tar.gz  
mv code-server2.1692-vsc1.39.2-linux-x86_64/ bin/

Jetzt machen Sie den Code-server zu einer ausführbaren Binärdatei.

chmod +x ~/bin/code-server

Und erstellen Sie ein neues Datenverzeichnis zum Speichern der Benutzerdaten.

mkdir -p ~/data

Jetzt haben Sie einen neuen Benutzer ‘code’ erstellt und die Code-server-Binärdatei im Home-Verzeichnis des Benutzers ‘code’ heruntergeladen.

Schritt 2 - Code-Server als Systemd-Dienst einrichten

In diesem Schritt richten wir den Code-server als Systemdienst ein.

Der Code-server-Dienst wird unter dem Benutzer ‘code’ mit dem Standardport ‘8080’ und aktivierter Passwortauthentifizierung ausgeführt.

Gehen Sie zum Verzeichnis ‘/etc/systemd/system’ und erstellen Sie eine neue Dienstdatei ‘code-server.service’ mit dem vim-Editor.

cd /etc/systemd/system/  
vim code-server.service

Ändern Sie die ‘Environment’-Option für ein Passwort mit Ihrem eigenen und fügen Sie die Konfiguration ein.

[Unit]  
Description=code-server  
After=nginx.service  
  
[Service]  
User=code  
WorkingDirectory=/home/code  
Environment=PASSWORD=hakasevscodeserv  
ExecStart=/home/code/bin/code-server --host 127.0.0.1 --user-data-dir /home/code/data --auth password  
Restart=always  
  
[Install]  
WantedBy=multi-user.target

Speichern und schließen.

Jetzt laden Sie den Systemmanager neu.

systemctl daemon-reload

Danach starten Sie den Code-server-Dienst und fügen ihn mit dem folgenden Befehl zum Systemstart hinzu.

systemctl start code-server  
systemctl enable code-server

Überprüfen Sie jetzt den Code-server-Dienst.

netstat -plntu  
systemctl status code-server

Und der Code-server-Dienst läuft auf dem Standardport ‘8080’.

Als Ergebnis haben Sie den Code-server als Systemdienst eingerichtet.

Schritt 3 - SSL Letsencrypt generieren

In diesem Schritt generieren wir das SSL Letsencrypt mit dem Certbot-Tool zur Sicherung des Code-Servers.

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 aktivierter SSL-Verschlüsselung 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 mit Ihrem 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 es keinen Fehler gibt.

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

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

systemctl restart nginx  
systemctl enable nginx

Jetzt läuft der Nginx-Dienst 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 läuft auf dem Ubuntu 18.04 Server mit 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 18.04 Server mit Nginx als Reverse-Proxy installiert und die Code-server-Installation mit SSL Letsencrypt gesichert.

Referenz

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