Code-server est un code Visual Studio (VS) qui peut être exécuté à distance sur le serveur et accessible via un navigateur Web. Il vous permet de créer et de disposer d'un environnement de développement cohérent accessible à tout moment et partout.
Dans ce tutoriel, nous allons vous montrer comment installer le serveur de code avec Nginx en tant que proxy inverse et SSL Letsencrypt sur le dernier serveur Ubuntu 20.04.
Prérequis
Pour ce guide, nous allons installer le serveur Visual Code sur le serveur Ubuntu 20.04 avec 4 Go de RAM, 25 Go d'espace disque libre et 2 processeurs.
Ce que nous allons faire :
- Télécharger et installer les packages de serveur Visual Code
- Configurer l'authentification pour le serveur de code visuel
- Générer SSL Letsnecrypt
- Installer et configurer Nginx en tant que proxy inverse
- Test
Étape 1 - Télécharger et installer les packages 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 sur notre système.
Par défaut, les packages de serveur de code sont disponibles pour plusieurs systèmes d'exploitation. Vous pouvez consulter la page de publication du serveur de code sur GitHub en utilisant le lien suivant.
https://github.com/cdr/code-server/releases
Téléchargez maintenant les packages Visual Code Server pour Ubuntu à l'aide de 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 package de serveur de code visuel à l'aide de 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 du serveur de code et ajoutez-le au démarrage du système.
systemctl --user start code-server
systemctl --user enable code-server
Le serveur de code visuel est opérationnel, vérifiez-le à l'aide de la commande suivante.
ss -plnt
systemctl --user status code-server
Vous trouverez ci-dessous le résultat que vous obtiendrez.
Comme on peut le voir, le serveur Visual Code fonctionne par défaut sur l'adresse IP locale '127.0.0.1' avec le port TCP '8080'.
Étape 2 - Configurer l'authentification pour Visual Code Server
Par défaut, le serveur de code visuel fonctionne avec l'authentification activée.
L'authentification par mot de passe du serveur de code visuel est générée par défaut dans le fichier '~/.config/code-server/config.yaml'.
Vérifiez la configuration du serveur de code visuel à l'aide de 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 :
- Le 'bind-addr' est une option utilisée pour définir sur quelle adresse IP et quel port le serveur de code sera exécuté.
- L'option 'auth' comme méthode d'authentification pour le serveur de code visuel, et par défaut, elle utilise la méthode d'authentification 'password'.
- Les options 'mot de passe' sont utilisées pour définir votre mot de passe pour l'accès au serveur Visual Code, et assurez-vous d'utiliser un mot de passe fort.
Pour modifier l'adresse de liaison, le port et le mot de passe pour 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 à l'aide de l'outil certbot pour sécuriser le serveur de code.
Installez l'outil certbot à l'aide de la commande apt ci-dessous.
sudo apt install certbot -y
Une fois l'installation terminée, générez 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 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 serveur de code à l'aide de 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 serveur de code avec SSL activé en plus.
Installez le package Nginx à l'aide de 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 de SSL avec les vôtres et collez-y la configuration.
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.
Activez maintenant 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
Le service Nginx est maintenant opérationnel en tant que proxy inverse pour le serveur de code. 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 en plus.
Étape 5 - Tester
Ouvrez votre navigateur Web et saisissez l'URL de votre installation de serveur de code.
https://vscode.hakase-labs.io/
Connectez-vous avec votre 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 de code VS sur votre navigateur Web comme ci-dessous.
En conséquence, vous avez installé le serveur de code sur le serveur Ubuntu 20.04 avec Nginx en tant que proxy inverse et sécurisé l'installation du serveur de code avec SSL Letsencrypt.