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

Code-server è una versione di Visual Studio (VS) Code che può essere eseguita in remoto sul server e 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 20.04 Server.

Prerequisiti

Per questa guida, installeremo il Visual Code Server sul server Ubuntu 20.04 con 4GB di RAM, 25GB di spazio libero su disco e 2 CPU.

Cosa faremo:

• Scaricare e installare i pacchetti del Visual Code Server
• Configurare l’autenticazione per il Visual Code Server
• Generare SSL Letsencrypt
• Installare e configurare Nginx come reverse proxy
• Testare

Passo 1 - Scaricare e installare i pacchetti del Visual Code Server

Per prima cosa, scaricheremo l’ultima versione del Visual Code Server per Ubuntu FocalFossa e la installeremo nel nostro sistema.

Per impostazione predefinita, i pacchetti del code server sono disponibili per più sistemi operativi. Puoi controllare la pagina di rilascio del code server su GitHub utilizzando il seguente link.

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

Ora scarica i pacchetti del Visual Code Server per Ubuntu utilizzando il comando wget qui sotto.

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

Dopo di che, installa il pacchetto del visual code server utilizzando il comando dpkg qui sotto.

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

Una volta completata l’installazione, avvia il servizio del code server e aggiungilo all’avvio del sistema.

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

Il Visual Code Server è attivo e funzionante, controllalo utilizzando il seguente comando.

ss -plnt  
systemctl --user status code-server

Di seguito è riportato il risultato che otterrai.

Come puoi vedere, il Visual Code Server è in esecuzione per impostazione predefinita sull’indirizzo IP locale ‘127.0.0.1’ con la porta TCP ‘8080’.

Passo 2 - Configurare l’autenticazione per il Visual Code Server

Per impostazione predefinita, il visual code server è in esecuzione con l’autenticazione abilitata.

L’autenticazione della password del visual code server è generata per impostazione predefinita nel file ‘~/.config/code-server/config.yaml’.

Controlla la configurazione del visual code server utilizzando il seguente comando.

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

Otterrai qualcosa di simile a questa configurazione.

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

Dettagli delle configurazioni:

• L’opzione ‘bind-addr’ è utilizzata per definire su quale indirizzo IP e porta il Code Server sarà in esecuzione.
• L’opzione ‘auth’ è il metodo di autenticazione per il Visual Code Server, e per impostazione predefinita, viene utilizzato il metodo di autenticazione ‘password’.
• Le opzioni ‘password’ sono utilizzate per definire la tua password per l’accesso al Visual Code Server, e assicurati di utilizzare una password forte.

Per cambiare l’indirizzo di binding, la porta e la password per il Visual Code Server, modifica la configurazione predefinita ‘~/.config/code-server/config.yaml’ come necessario.

Passo 3 - Generare SSL Letsencrypt

In questo passo, genereremo l’SSL letsencrypt utilizzando lo strumento certbot per mettere in sicurezza 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 saranno situati 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 mettere in sicurezza 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/  
nginx -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 20.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 del code-server.

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

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

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

Come risultato, hai installato il code-server sul server Ubuntu 20.04 con Nginx come reverse proxy e messo in sicurezza l’installazione del code-server con SSL Letsencrypt.

Riferimenti

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