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

Code-server est une version de Visual Studio (VS) Code qui peut être exécutée à distance sur le serveur et qui est 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 comme proxy inverse et SSL Letsencrypt sur le dernier Ubuntu 18.04 Server.

Prérequis

Pour ce guide, nous allons installer le Code-server sur le serveur Ubuntu 18.04 avec 3 Go de RAM, 25 Go d’espace disque libre et 2 CPU.

Ce que nous allons faire :

• Ajouter un utilisateur et télécharger le binaire Code-server
• Configurer Code-server en tant que service Systemd
• Générer SSL Letsencrypt
• Configurer Nginx comme proxy inverse pour Code-server
• Tester

Étape 1 - Ajouter un utilisateur et télécharger le binaire Code-Server

Tout d’abord, nous allons ajouter un nouvel utilisateur et télécharger le fichier binaire code-server depuis GitHub.

Ajoutez un nouvel utilisateur ‘code’ en utilisant la commande ci-dessous.

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

Connectez-vous maintenant en tant qu’utilisateur ‘code’ et téléchargez le fichier binaire 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

Extrayez le code-server et renommez le répertoire en ‘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/

Maintenant, rendez le code-server exécutable.

chmod +x ~/bin/code-server

Et créez un nouveau répertoire de données pour stocker les données utilisateur.

mkdir -p ~/data

Vous avez maintenant créé un nouvel utilisateur ‘code’ et téléchargé le binaire code-server dans le répertoire personnel de l’utilisateur ‘code’.

Étape 2 - Configurer Code-Server en tant que service Systemd

Dans cette étape, nous allons configurer le code-server pour qu’il s’exécute en tant que service système.

Le service code-server s’exécutera sous l’utilisateur ‘code’, avec le port par défaut ‘8080’ et l’authentification par mot de passe activée.

Allez dans le répertoire ‘/etc/systemd/system’ et créez un nouveau fichier de service ‘code-server.service’ en utilisant l’éditeur vim.

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

Changez l’option ‘Environment’ pour un mot de passe de votre choix et collez la configuration dedans.

[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

Enregistrez et fermez.

Maintenant, rechargez le gestionnaire de système.

systemctl daemon-reload

Après cela, démarrez le service code-server et ajoutez-le au démarrage du système en utilisant la commande suivante.

systemctl start code-server  
systemctl enable code-server

Vérifiez maintenant le service code-server.

netstat -plntu  
systemctl status code-server

Et le service code-server est en cours d’exécution sur le port par défaut ‘8080’.

En conséquence, vous avez configuré le code-server pour qu’il s’exécute en tant que service système.

É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/

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

Étape 4 - Configurer Nginx comme proxy inverse

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

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

Changez maintenant le nom de domaine et le chemin du 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/  
ginx -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 en cours d’exécution 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 en cours d’exécution sur le serveur Ubuntu 18.04 avec les ports HTTP et HTTPS activés dessus.

Étape 5 - Test

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 dans votre navigateur web comme ci-dessous.

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

Référence

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