HowtoForge

Tutoriales de Linux

Cómo instalar el IDE Visual Studio Code Cloud en un servidor Ubuntu 24.04

El IDE Visual Studio Code Cloud es una versión en línea del popular editor Visual Studio Code (VS Code) de Microsoft, diseñado para proporcionar un entorno de desarrollo flexible y accesible en la nube. Permite a los desarrolladores codificar directamente desde sus navegadores web sin necesidad de instalar nada en sus máquinas locales. Este IDE basado en la nube se integra perfectamente con GitHub y otros servicios en la nube, lo que permite la colaboración en tiempo real, un fácil acceso a los proyectos desde cualquier dispositivo y la posibilidad de trabajar en entornos distribuidos. Con funciones como el resaltado de sintaxis, la depuración y las extensiones, el IDE de Visual Studio Code Cloud ofrece una experiencia de desarrollo completa, lo que lo convierte en una solución conveniente para los desarrolladores que necesitan un entorno de codificación potente y portátil al que se pueda acceder desde prácticamente cualquier lugar.

Esta guía te mostrará cómo instalar Visual Code-Server en el servidor Ubuntu 24.04 con Nginx como proxy inverso.

Requisitos previos

Antes de empezar, asegúrate de que tienes lo siguiente:

  • Un servidor Ubuntu 24.05.
  • Un usuario no root con privilegios de administrador.
  • Un nombre de dominio apuntando a una dirección IP del servidor.

Instalar el servidor de código con el script instalador

Para instalar el servidor de código, puedes descargar y ejecutar el script instalador del servidor de código. En este ejemplo, instalarás un servidor de código como usuario no root. Así que asegúrate de haber iniciado sesión con tu usuario.

Primero, ejecuta el siguiente comando para asegurarte de que el servidor de código puede instalarse en tu sistema.

curl -fsSL https://code-server.dev/install.sh | sh -s -- --dry-run

Cuando code-server esté instalado en tu sistema, verás la siguiente salida:

prueba de instalación

Ahora instala el servidor de código con el siguiente comando. Introduce tu contraseña sudo/administrador cuando se te pida.

curl -fsSL https://code-server.dev/install.sh | sh

instalar servidor de código

Una vez finalizada la instalación, inicia y habilita el servidor de código con el siguiente comando«systemctl».

sudo systemctl enable --now code-server@$USER

Por último, comprueba el servicio code-server con lo siguiente para asegurarte de que el servicio se está ejecutando.

sudo systemctl status code-server@$USER

En esta salida, puedes ver que se está ejecutando el servidor de código, que se ejecuta en el puerto por defecto 8080.

iniciar y verificar el servidor de código

Configurar la contraseña del servidor de código

Tras instalar el servidor de código, deberás configurar la autenticación por contraseña para proteger el entorno del servidor de código.

Abre el archivo de configuración por defecto del servidor de código ~/.config/code-server/config.yaml con el editor‘nano‘.

nano ~/.config/code-server/config.yaml

Cambia la contraseña por defecto por tu contraseña segura.

bind-addr: 127.0.0.1:8080
auth: password
password: 0e0cb3af923c659366334664
cert: false

Guarda el archivo y sal del editor.

Ahora ejecuta el siguiente comando para reiniciar el servidor de código y aplicar tus cambios.

sudo systemctl restart code-server@$USER

Configurar Nginx como proxy inverso

Ahora que has asegurado el servidor de código, instalarás Nginx y lo configurarás como proxy inverso. Así que asegúrate de que tienes tu nombre de dominio apuntando a una dirección IP del servidor.

Instala el servidor web Nginx con el siguiente comando‘apt‘. Introduce‘Y’ para confirmar la instalación.

sudo apt install nginx -y

instalar nginx

Una vez completada la instalación, crea una nueva configuración de bloque de servidor‘/etc/nginx/sites-available/code-server.conf‘ con el editor‘nano‘.

sudo nano /etc/nginx/sites-available/code-server.conf

Introduce la siguiente configuración en el archivo y asegúrate de cambiar el nombre de dominio‘code.howtoforge.local‘.

server {
listen 80;
listen [::]:80;
server_name code.howtoforge.local;
location / {
proxy_pass http://localhost:8080/;
proxy_set_header Host $http_host;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection upgrade;
proxy_set_header Accept-Encoding gzip;
}
}

Cuando hayas terminado, guarda el archivo y sal del editor.

A continuación, ejecuta el siguiente comando para activar el bloque de servidor‘code-server.conf‘ y verifica tu configuración de Nginx.

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

Si estás en lo cierto y tienes una configuración adecuada de Nginx, verás una salida‘syntax is ok – test is successful’.

comprobar nginx

Ahora ejecuta el siguiente comando para reiniciar el servidor web Nginx y aplicar los cambios. A continuación, comprueba el estado de Nginx para asegurarte de que el servidor web se está ejecutando.

sudo systemctl restart nginx
sudo systemctl status nginx

En la siguiente salida, puedes ver que el servidor web Nginx se está ejecutando como proxy inverso para la aplicación del servidor de código.

comprobar nginx

Configurar el UFW (Cortafuegos sin complicaciones)

Para permitir el acceso al servidor de código, debes abrir los puertos HTTP y HTTPS a través de UFW (Uncomplicated Firewall).

Ejecuta el siguiente comando para activar el perfil«Nginx Full» y permitir el tráfico HTTP y HTTPS a tu instalación de Nginx. Una vez añadido, verás una salida ‘Regla añadida’.

sudo ufw allow 'Nginx Full'

Ahora ejecuta el siguiente comando para comprobar el estado de la UFW. Asegúrate de que el perfil ‘Nginx Full’ está activado para permitir el acceso desde cualquier lugar.

sudo ufw status

Asegurar el servidor de código con HTTPS

En esta sección, asegurarás el servidor de código con HTTPS generando certificados SSL/TLS a través de certbot y letsencrypt.

Instala los paquetes ‘certbot’ y ‘python3-certbot-nginx’ con el siguiente comando ‘apt’.

sudo apt install certbot python3-certbot-nginx

Una vez completada la instalación, ejecuta el siguiente comando ‘certbot’ para generar certificados SSL/TLS y asegurar la instalación de tu servidor de código. Asegúrate de cambiar el nombre de dominio y la dirección de correo electrónico con tus datos.

sudo certbot --nginx --agree-tos --redirect --hsts --staple-ocsp --email [email protected] -d code.howtoforge.local

Cuando se complete el proceso, tu instalación del servidor de código estará protegida con HTTPS automáticamente. Y tus certificados SSL/TLS estarán disponibles en el directorio ‘/etc/letsencrypt/live/code.howtoforge.local’.

Acceder al servidor de código

Abre tu navegador web y visita https://code.howtoforge.local. Si la instalación se ha realizado correctamente, se te pedirá que autentifiques la contraseña.

Introduce tu contraseña y pulsa ENVIAR para confirmar.

acceder al servidor de código

Si tienes la contraseña correcta, verás la siguiente pantalla del servidor de código. Selecciona tu tema por defecto, claro u oscuro.

cambiar tema

Ahora verás el siguiente servidor de código en tu navegador web.

servidor de código

Conclusión

¡Enhorabuena! Has completado la instalación del servidor de código VS en el servidor Ubuntu 24.04. Has instalado y asegurado un servidor de código con autenticación por contraseña y HTTPS y has configurado Nginx como proxy inverso para la instalación de tu servidor de código.

También te podría gustar...