Cómo instalar Visual Studio Code - Server IDE en Ubuntu 18.04 LTS

Code-server es un Visual Studio (VS) Code que se puede ejecutar de forma remota en el servidor y que es accesible a través de un navegador web. Te permite crear y tener un entorno de desarrollo consistente que se puede acceder en cualquier momento y en cualquier lugar.

En este tutorial, te mostraremos cómo instalar el Code-server con Nginx como un proxy inverso y SSL Letsencrypt en el último Ubuntu 18.04 Server.

Requisitos previos

Para esta guía, instalaremos el Code-server en el servidor Ubuntu 18.04 con 3GB de RAM, 25GB de espacio en disco libre y 2 CPUs.

Lo que haremos:

• Agregar usuario y descargar el binario de Code-server
• Configurar Code-server como un servicio Systemd
• Generar SSL Letsencrypt
• Configurar Nginx como un proxy inverso para Code-server
• Pruebas

Paso 1 - Agregar usuario y descargar el binario de Code-Server

Primero, agregaremos un nuevo usuario y descargaremos el archivo binario de code-server desde GitHub.

Agrega un nuevo usuario ‘code’ usando el comando a continuación.

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

Ahora inicia sesión como usuario ‘code’ y descarga el archivo binario de 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

Extrae el code-server y renombra el directorio como ‘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/

Ahora haz que el code-server sea un archivo binario ejecutable.

chmod +x ~/bin/code-server

Y crea un nuevo directorio de datos para almacenar los datos del usuario.

mkdir -p ~/data

Ahora has creado un nuevo usuario ‘code’ y descargado el binario de code-server en el directorio home del usuario ‘code’.

Paso 2 - Configurar Code-Server como un servicio Systemd

En este paso, configuraremos el code-server para que se ejecute como un servicio del sistema.

El servicio code-server se ejecutará bajo el usuario ‘code’, con el puerto predeterminado ‘8080’ y la autenticación por contraseña habilitada.

Ve al directorio ‘/etc/systemd/system’ y crea un nuevo archivo de servicio ‘code-server.service’ usando el editor vim.

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

Cambia la opción ‘Environment’ para una contraseña con la tuya y pega la configuración en él.

[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

Guarda y cierra.

Ahora recarga el administrador del sistema.

systemctl daemon-reload

Después de eso, inicia el servicio code-server y agrégalo al arranque del sistema usando el siguiente comando.

systemctl start code-server  
systemctl enable code-server

Ahora verifica el servicio code-server.

netstat -plntu  
systemctl status code-server

Y el servicio code-server está en funcionamiento en el puerto predeterminado ‘8080’.

Como resultado, has configurado el code-server para que se ejecute como un servicio del sistema.

Paso 3 - Generar SSL Letsencrypt

En este paso, generaremos el SSL letsencrypt usando la herramienta certbot para asegurar el code-server.

Instala la herramienta certbot usando el comando apt a continuación.

sudo apt install certbot -y

Una vez que la instalación esté completa, genera el SSL letsencrypt usando el comando certbot a continuación.

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

Una vez que esté completo, tus certificados estarán ubicados en el directorio ‘/etc/letsencrypt/live/vscode.hakase-labs.io/‘.

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

Ahora has generado el SSL Letsencrypt para asegurar la instalación del code-server usando la herramienta certbot.

Paso 4 - Configurar Nginx como un Proxy Inverso

En este paso, instalaremos el servidor web Nginx y lo configuraremos como un proxy inverso para el code-server con SSL habilitado encima de él.

Instala el paquete Nginx usando el comando apt a continuación.

sudo apt install nginx -y

Una vez que la instalación esté completa, ve al directorio ‘/etc/nginx/sites-available’ y crea una nueva configuración de host virtual ‘code-server’.

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

Ahora cambia el nombre de dominio y la ruta de SSL con los tuyos y pega la configuración en él.

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

Guarda y cierra.

Ahora activa el host virtual ‘code-server’, prueba la configuración de nginx y asegúrate de que no haya errores.

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

Después de eso, reinicia el servicio nginx y agrégalo al arranque del sistema.

systemctl restart nginx  
systemctl enable nginx

Ahora el servicio Nginx está en funcionamiento como un proxy inverso para el code-server. Verifícalo usando el comando a continuación.

netstat -plntu  
systemctl status nginx

Y obtendrás el resultado a continuación.

El servicio Nginx está en funcionamiento en el servidor Ubuntu 18.04 con los puertos HTTP y HTTPS habilitados encima de él.

Paso 5 - Pruebas

Abre tu navegador web y escribe la URL de tu instalación de code-server.

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

Inicia sesión con tu contraseña que configuraste en el archivo de servicio de code-server.

Una vez que la contraseña sea correcta, obtendrás el editor VS Code en tu navegador web como a continuación.

Como resultado, has instalado el code-server en el servidor Ubuntu 18.04 con Nginx como un proxy inverso y asegurando la instalación del code-server con SSL Letsencrypt.

Referencia

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