Come installare Visual Studio Code - Server IDE su Ubuntu 18.04 LTS

Code-server è una versione di Visual Studio (VS) Code che può essere eseguita remotamente su un server e che è accessibile tramite un browser web. Ti consente di creare e avere un ambiente di sviluppo coerente che può essere accessibile in qualsiasi momento e ovunque.

In questo tutorial, ti mostreremo come installare il Code-server con Nginx come reverse proxy e SSL Letsencrypt sull’ultima versione di Ubuntu 18.04 Server.

Prerequisiti

Per questa guida, installeremo il Code-server su un server Ubuntu 18.04 con 3GB di RAM, 25GB di spazio libero su disco e 2 CPU.

Cosa faremo:

• Aggiungere un utente e scaricare il file binario di Code-server
• Configurare Code-server come servizio Systemd
• Generare SSL Letsencrypt
• Configurare Nginx come reverse proxy per Code-server
• Testare

Passo 1 - Aggiungere un utente e scaricare il file binario di Code-Server

Per prima cosa, aggiungeremo un nuovo utente e scaricheremo il file binario di code-server da GitHub.

Aggiungi un nuovo utente ‘code’ utilizzando il comando qui sotto.

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

Ora accedi come utente ‘code’ e scarica il file binario di code-server.

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

Estrai il code-server e rinomina la directory in ‘bin’.

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

Ora rendi il code-server un file binario eseguibile.

chmod +x ~/bin/code-server

E crea una nuova directory dati per memorizzare i dati dell’utente.

mkdir -p ~/data

Ora hai creato un nuovo utente ‘code’ e scaricato il file binario di code-server nella directory home dell’utente ‘code’.

Passo 2 - Configurare Code-Server come servizio Systemd

In questo passo, configureremo il code-server per essere eseguito come servizio di sistema.

Il servizio code-server verrà eseguito sotto l’utente ‘code’, con la porta predefinita ‘8080’ e l’autenticazione della password abilitata.

Vai nella directory ‘/etc/systemd/system’ e crea un nuovo file di servizio ‘code-server.service’ utilizzando l’editor vim.

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

Cambia l’opzione ‘Environment’ per una password con la tua e incolla la configurazione al suo interno.

[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

Salva e chiudi.

Ora ricarica il gestore di sistema.

systemctl daemon-reload

Dopo di che, avvia il servizio code-server e aggiungilo all’avvio del sistema utilizzando il comando seguente.

systemctl start code-server  
systemctl enable code-server

Ora controlla il servizio code-server.

netstat -plntu  
systemctl status code-server

E il servizio code-server è attivo e funzionante sulla porta predefinita ‘8080’.

Di conseguenza, hai configurato il code-server per essere eseguito come servizio di sistema.

Passo 3 - Generare SSL Letsencrypt

In questo passo, genereremo l’SSL letsencrypt utilizzando lo strumento certbot per proteggere il code-server.

Installa lo strumento certbot utilizzando il comando apt qui sotto.

sudo apt install certbot -y

Una volta completata l’installazione, genera l’SSL letsencrypt utilizzando il comando certbot qui sotto.

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

Una volta completato, i tuoi certificati si troveranno nella directory ‘/etc/letsencrypt/live/vscode.hakase-labs.io/‘.

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

Ora hai generato l’SSL Letsencrypt per proteggere l’installazione del code-server utilizzando lo strumento certbot.

Passo 4 - Configurare Nginx come Reverse Proxy

In questo passo, installeremo il server web Nginx e lo configureremo come reverse proxy per il code-server con SSL abilitato sopra di esso.

Installa il pacchetto Nginx utilizzando il comando apt qui sotto.

sudo apt install nginx -y

Una volta completata l’installazione, vai nella directory ‘/etc/nginx/sites-available’ e crea una nuova configurazione di host virtuale ‘code-server’.

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

Ora cambia il nome di dominio e il percorso dell’SSL con i tuoi e incolla la configurazione al suo interno.

server {  
 listen 80;  
 server_name vscode.hakase-labs.io;  
 # forzare 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;  
 }  
}

Salva e chiudi.

Ora attiva l’host virtuale ‘code-server’, testa la configurazione di nginx e assicurati che non ci siano errori.

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

Dopo di che, riavvia il servizio nginx e aggiungilo all’avvio del sistema.

systemctl restart nginx  
systemctl enable nginx

Ora il servizio Nginx è attivo e funzionante come reverse proxy per il code-server. Controllalo utilizzando il comando qui sotto.

netstat -plntu  
systemctl status nginx

E otterrai il risultato qui sotto.

Il servizio Nginx è attivo e funzionante sul server Ubuntu 18.04 con le porte HTTP e HTTPS abilitate sopra di esso.

Passo 5 - Testare

Apri il tuo browser web e digita l’URL della tua installazione di code-server.

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

Accedi con la password che hai configurato nel file di servizio code-server.

Una volta che la password è corretta, vedrai l’editor VS Code nel tuo browser web come qui sotto.

Di conseguenza, hai installato il code-server sul server Ubuntu 18.04 con Nginx come reverse proxy e proteggendo l’installazione del code-server con SSL Letsencrypt.

Riferimenti

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