Comment installer Visual Studio Code Server sur Debian 10

Le serveur de code est une version de code de Visual Studio (VS) qui peut être exécutée à distance sur le serveur et à laquelle on peut accéder via un navigateur Web. Il permet de créer et d’exploiter un environnement de développement cohérent auquel on peut accéder à tout moment et en tout lieu.

Dans ce tutoriel, nous te montrons comment installer le serveur de code sur le Buster 10 de Debian. Nous allons installer et configurer le serveur de code en utilisant Nginx comme proxy inverse, le sécuriser avec SSL Letsencrypt et activer l’authentification de base du serveur de code.

Conditions préalables

Pour ce guide, nous installerons le serveur de code sur la dernière Debian 10 avec 2 Go de mémoire, 25 Go d’espace disque libre et 2 processeurs.

Ce que nous allons faire :

  • Créer un nouvel utilisateur
  • Télécharge 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 – Créer un nouvel utilisateur Linux

Tout d’abord, nous allons créer un nouvel utilisateur sur le système Debian. Le serveur de code sera exécuté sous cet utilisateur.

Crée un nouvel utilisateur nommé ‘code’ à l’aide de la commande ci-dessous.

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

Tape maintenant le mot de passe de l’utilisateur ‘code’, et le nouvel utilisateur pour exécuter le code-server a été créé.

Étape 2 – Télécharge Visual Studio Code-Server depuis GitHub

Dans cette étape, nous allons télécharger le code source de code-server depuis GitHub.

Connecte-toi à l’utilisateur ‘code’ et télécharge le code source de code-server en utilisant la commande wget ci-dessous.

su - code
wget https://github.com/cdr/code-server/releases/download/3.0.0/code-server-3.0.0-linux-x86_64.tar.gz

Ajouter un utilisateur et télécharger Visual Studio Code

Extrais le code source et renomme le répertoire en ‘bin/’.

tar -xf code-server-3.0.0-linux-x86_64.tar.gz
mv code-server-*/ bin/

Transforme maintenant le fichier binaire ‘code-server’ en exécutable et crée un nouveau répertoire ‘data’ pour stocker les configurations de code-server.

chmod +x bin/code-server
mkdir -p ~/data

Le code source de code-server a donc été téléchargé et nous sommes prêts pour l’étape suivante.

Déballe l'archive

Étape 3 – Configurer Code-Server comme un service SysteSUBMITmd

Après avoir téléchargé le code source de code-server, nous allons configurer le code-server comme un service systemd.

Retourne maintenant à l’utilisateur root ou si tu as les privilèges sudo de root, exécute la commande sudo ci-dessous.

sudo su

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

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

Change le mot ‘hakasecodeserv’ dans l’option‘Environment=PASSWORD=.… ‘ par ton propre mot de passe et colle la configuration.

[Unit]
Description=code-server
After=nginx.service

[Service]
User=code
WorkingDirectory=/home/code
Environment=PASSWORD=hakasecodeserv
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.

Ensuite, recharge le gestionnaire systemd à l’aide de la commande systemctl ci-dessous.

systemctl daemon-reload

Démarre le service code-server et ajoute-le au démarrage du système.

systemctl start code-server
systemctl enable code-server

Crée le service systemd

Le code-server est en place et fonctionne, vérifie-le à l’aide de la commande suivante.

netstat -plntu
systemctl status code-server

Par conséquent, le code-server est opérationnel en tant que service systemd sur la Debian Buster 10.

Vérifie l'état du service

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

Dans cette étape, nous allons générer le SSL letsencrypt en utilisant 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 code.hakase-labs.io

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

ls -lah /etc/letsencrypt/live/code.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 5 – Configurer Nginx comme proxy inverse

Dans cette étape, nous allons installer le serveur web Nginx sur le système Debian. Il sera utilisé comme proxy inverse pour le serveur de code qui fonctionne sur le port par défaut ‘8080’.

Installe les paquets 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’ à l’aide de l’éditeur vim.

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

Change le nom de domaine et le chemin SSL avec les tiens, puis colle la configuration dedans.

server {
    listen 80;
    server_name code.hakase-labs.io;
    # enforce https
    return 301 https://$server_name:443$request_uri;
}

server {
    listen 443 ssl http2;
    server_name code.hakase-labs.io;

    ssl_certificate /etc/letsencrypt/live/code.hakase-labs.io/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/code.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’ et vérifie la configuration de Nginx, et assure-toi qu’il n’y a pas d’erreur.

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

Redémarre maintenant le service Nginx.

systemctl restart nginx

La configuration de Nginx en tant que proxy inverse pour code-server est terminée et code-server est maintenant accessible via ton navigateur Web.

Configuration de Nginx

Étape 6 – Test de Code-server

Ouvre ton navigateur Web et tape l’installation de l’URL de code-server. La mienne est (remplace le domaine par ton domaine) :

https://code.hakse-labs.io/

Tu vas maintenant être redirigé vers une connexion HTTPS sécurisée et il te sera demandé le mot de passe du Code-server.

Connecte-toi à l'interface graphique du serveur de code

Tape ton mot de passe et clique sur le bouton‘SUBMIT‘.

Tu obtiendras maintenant l’éditeur Visual Code Studio sur ton navigateur Web.

Code - OSS

Tu as donc installé avec succès le serveur de code sur Debian Buster 10 avec le proxy inverse Nginx et SSL Letsencrypt.

Vous aimerez aussi...