Comment installer Visual Studio Code - Serveur IDE sur Ubuntu 20.04 LTS

Code-server est une version de Visual Studio (VS) Code qui peut être exécutée à distance sur le serveur et accessible via un navigateur web. Il vous permet de créer et d’avoir un environnement de développement cohérent qui peut être accessible à tout moment et partout.

Dans ce tutoriel, nous allons vous montrer comment installer le Code-server avec Nginx en tant que proxy inverse et SSL Letsencrypt sur le dernier Ubuntu 20.04 Server.

Prérequis

Pour ce guide, nous allons installer le Visual Code Server sur le serveur Ubuntu 20.04 avec 4 Go de RAM, 25 Go d’espace disque libre et 2 CPU.

Ce que nous allons faire :

• Télécharger et installer les paquets Visual Code Server
• Configurer l’authentification pour le Visual Code Server
• Générer SSL Letsencrypt
• Installer et configurer Nginx en tant que proxy inverse
• Tester

Étape 1 - Télécharger et installer les paquets Visual Code Server

Tout d’abord, nous allons télécharger la dernière version de Visual Code Server pour Ubuntu FocalFossa et l’installer dans notre système.

Par défaut, les paquets du code serveur sont disponibles pour plusieurs systèmes d’exploitation. Vous pouvez consulter la page de publication du code serveur sur GitHub en utilisant le lien suivant.

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

Maintenant, téléchargez les paquets Visual Code Server pour Ubuntu en utilisant la commande wget ci-dessous.

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

Après cela, installez le paquet visual code server en utilisant la commande dpkg ci-dessous.

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

Une fois l’installation terminée, démarrez le service code server et ajoutez-le au démarrage du système.

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

Le Visual Code Server est opérationnel, vérifiez-le en utilisant la commande suivante.

ss -plnt  
systemctl --user status code-server

Voici le résultat que vous obtiendrez.

Comme vous pouvez le voir, le Visual Code Server fonctionne par défaut sur l’adresse IP locale ‘127.0.0.1’ avec le port TCP ‘8080’.

Étape 2 - Configurer l’authentification pour le Visual Code Server

Par défaut, le visual code server fonctionne avec l’authentification activée.

L’authentification par mot de passe du visual code server est générée par défaut dans le fichier ‘~/.config/code-server/config.yaml’.

Vérifiez la configuration du visual code server en utilisant la commande suivante.

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

Vous obtiendrez quelque chose comme cette configuration.

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

Configurations détaillées :

• L’option ‘bind-addr’ est utilisée pour définir sur quelle adresse IP et quel port le Code Server sera en cours d’exécution.
• L’option ‘auth’ est la méthode d’authentification pour le Visual Code Server, et par défaut, elle utilise la méthode d’authentification ‘password’.
• Les options ‘password’ sont utilisées pour définir votre mot de passe pour l’accès au Visual Code Server, et assurez-vous d’utiliser un mot de passe fort.

Pour changer l’adresse de liaison, le port et le mot de passe pour le Visual Code Server, modifiez la configuration par défaut ‘~/.config/code-server/config.yaml’ selon vos besoins.

Étape 3 - Générer SSL Letsencrypt

Dans cette étape, nous allons générer le SSL letsencrypt en utilisant l’outil certbot pour sécuriser le code-server.

Installez l’outil certbot en utilisant la commande apt ci-dessous.

sudo apt install certbot -y

Une fois l’installation terminée, générez le SSL letsencrypt en utilisant la commande certbot ci-dessous.

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

Une fois terminé, vos certificats seront situés dans le répertoire ‘/etc/letsencrypt/live/vscode.hakase-labs.io/‘.

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

Maintenant, vous avez généré le SSL Letsencrypt pour sécuriser l’installation du code-server en utilisant l’outil certbot.

Étape 4 - Configurer Nginx en tant que proxy inverse

Dans cette étape, nous allons installer le serveur web Nginx et le configurer en tant que proxy inverse pour le code-server avec SSL activé.

Installez le paquet Nginx en utilisant la commande apt ci-dessous.

sudo apt install nginx -y

Une fois l’installation terminée, allez dans le répertoire ‘/etc/nginx/sites-available’ et créez une nouvelle configuration d’hôte virtuel ‘code-server’.

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

Maintenant, changez le nom de domaine et le chemin SSL avec les vôtres et collez la configuration dedans.

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

Enregistrez et fermez.

Maintenant, activez l’hôte virtuel ‘code-server’, testez la configuration nginx et assurez-vous qu’il n’y a pas d’erreur.

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

Après cela, redémarrez le service nginx et ajoutez-le au démarrage du système.

systemctl restart nginx  
systemctl enable nginx

Maintenant, le service Nginx est opérationnel en tant que proxy inverse pour le code-server. Vérifiez-le en utilisant la commande ci-dessous.

netstat -plntu  
systemctl status nginx

Et vous obtiendrez le résultat ci-dessous.

Le service Nginx est opérationnel sur le serveur Ubuntu 20.04 avec les ports HTTP et HTTPS activés.

Étape 5 - Tester

Ouvrez votre navigateur web et tapez l’URL de votre installation de code-server.

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

Connectez-vous avec le mot de passe que vous avez configuré dans le fichier de service code-server.

Une fois le mot de passe correct, vous obtiendrez l’éditeur VS Code sur votre navigateur web comme ci-dessous.

En conséquence, vous avez installé le code-server sur le serveur Ubuntu 20.04 avec Nginx en tant que proxy inverse et sécurisé l’installation du code-server avec SSL Letsencrypt.

Référence

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