Comment installer Visual Studio Code – Server IDE sur Ubuntu 18.04 LTS

Code-server est un code Visual Studio (VS) qui peut être exécuté à distance sur le serveur et qui est accessible par un navigateur Web. Il te permet de créer et d’avoir un environnement de développement cohérent auquel tu peux accéder à tout moment et partout.

Dans ce tutoriel, nous allons te montrer comment installer le Code-server avec Nginx comme proxy inverse et SSL Letsencrypt sur le dernier serveur Ubuntu 18.04.

Conditions préalables

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 2CPU.

Ce que nous allons faire :

  • Ajouter un utilisateur et télécharger le binaire de Code-server
  • Configurer Code-server comme un 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 de Code-Server

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

Ajoute un nouvel utilisateur ‘code’ à l’aide de la commande ci-dessous.

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

Connecte-toi maintenant en tant qu’utilisateur ‘code’ et télécharge 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

Télécharger VS Code Server

Extrais le code-server et renomme 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/

Transforme maintenant le code-server en fichier binaire exécutable.

chmod +x ~/bin/code-server

Et crée un nouveau répertoire de données pour stocker les données de l’utilisateur.

mkdir -p ~/data

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

Télécharge et installe Code Server

Étape 2 – Configurer Code-Server comme un service Systemd

Dans cette étape, nous allons configurer le code-server pour qu’il fonctionne comme un service Systemd.

Le service Code-Server sera exécuté sous l’utilisateur ‘code’, avec le port par défaut ‘8080’ et l’authentification par mot de passe activée.

Va dans le répertoire ‘/etc/systemd/system’ et crée un nouveau fichier de service ‘code-server.service’ à l’aide de l’éditeur vim.

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

Change l’option ‘Environnement’ pour un mot de passe avec ton propre mot de passe et colle la configuration dans le fichier.

[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

Sauvegarde et ferme.

Recharge maintenant le gestionnaire de système.

systemctl daemon-reload

Ensuite, démarre le service code-server et ajoute-le au démarrage du système à l’aide de la commande suivante.

systemctl start code-server
systemctl enable code-server

Configurer le service systemd de code-server

Vérifie maintenant le service code-server.

netstat -plntu
systemctl status code-server

Et le service code-server est en place et fonctionne sur le port par défaut ‘8080’.

Run Code-Server

Tu as donc configuré le code-server pour qu’il fonctionne comme un service système.

Étape 3 – Générer le SSL Letsencrypt

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

Installe l’outil certbot à l’aide de la commande apt ci-dessous.

sudo apt install certbot -y

Une fois l’installation terminée, génère le SSL letsencrypt à l’aide de la commande certbot ci-dessous.

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

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

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

Tu as maintenant généré le SSL Letsencrypt pour sécuriser l’installation du serveur de code à l’aide de 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é par-dessus.

Installe le paquet Nginx à l’aide de la commande apt ci-dessous.

sudo apt install nginx -y

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

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

Change maintenant le nom de domaine et le chemin d’accès au SSL avec les tiens et colle 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;
}
}

Sauvegarde et ferme.

Active maintenant l’hôte virtuel ‘code-server’, teste la configuration de nginx et vérifie qu’il n’y a pas d’erreur.

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

Modifier la configuration de Nginx

Ensuite, redémarre le service nginx et ajoute-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érifie-le à l’aide de la commande ci-dessous.

netstat -plntu
systemctl status nginx

Et tu obtiendras le résultat suivant.

Démarre Nginx

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

Étape 5 – Test

Ouvre ton navigateur Web et tape l’URL de ton installation code-server.

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

Connecte-toi avec le mot de passe que tu as configuré dans le fichier de service de code-server.

Connecte-toi à VS Code

Une fois que le mot de passe est correct, tu obtiendras l’éditeur VS Code sur ton navigateur Web comme ci-dessous.

Code Visual Studio

Tu as donc installé le code-server sur le serveur Ubuntu 18.04 avec Nginx comme proxy inverse et en sécurisant l’installation du code-server avec SSL Letsencrypt.

Référence

Vous aimerez aussi...