Crea tu propio Entorno de Desarrollo en la Nube: Una Alternativa a AWS Cloud9

Foto generada con DALL-E

Introducción

Con el reciente anuncio de AWS sobre la descontinuación de Cloud9, ya no existe soporte para esta herramienta y ya no es posible crear nuevos espacios en este Entorno de Desarrollo Integrado (IDE) en la nube. Muchos desarrolladores estamos buscando alternativas económicas para continuar trabajando en un entorno colaborativo.

Si eres uno de los desarrolladores que dependían de Cloud9 para sus proyectos colaborativos, no te preocupes. En este artículo, te mostraré cómo crear una alternativa económica y eficiente utilizando una instancia EC2 de AWS, el servicio NO-IP y Visual Studio Code con la extensión Live Share.

¿Por qué esta alternativa?

• Económico: Evitamos costos adicionales al no usar direcciones IP estáticas pagadas.
• Flexible: Puedes usar cualquier proveedor que ofrezca instancias similares a EC2.
• Colaborativo: Gracias a Visual Studio Code y Live Share, puedes trabajar en tiempo real con otros desarrolladores.

Paso 1: Crear una Instancia EC2 en AWS

Aunque usaré AWS EC2 para este tutorial, puedes optar por cualquier servicio que ofrezca instancias similares.

1.1 Accede a la Consola de AWS

• Inicia sesión en tu cuenta de AWS o crea una.
• Navega a Servicios y selecciona EC2.

Usa el buscador en la consola de AWS para localizar y seleccionar el servicio EC2 rápidamente.

1.2 Lanza una Nueva Instancia

• Haz clic en Launch Instance.
• Selecciona una Amazon Machine Image (AMI), preferiblemente una distribución de Linux como Ubuntu.
• Elige el tipo de instancia que se ajuste a tus necesidades; para propósitos de desarrollo, una t2.micro suele ser suficiente y entra en el nivel gratuito.
• En la sección Par de Claves, crea una nueva clave RSA con el formato de archivo .pem.

AMI de capa gratuita.

Tipo de instancia de capa gratuita.

Creación de par de claves para inicio de sesión por medio de SSH.

1.3 Configura la Seguridad

• En el apartado de Firewall o Security Group, selecciona Crear grupo de seguridad.
• Asegúrate de marcar la opción Permitir el tráfico de SSH desde.

Permitir tráfico de SSH

1.4 Revisa y Lanza

• Revisa todas las configuraciones de tu instancia para asegurarte de que todo esté correcto.
• Haz clic en Lanzar instancia para iniciar tu instancia.

Resumen de la instancia a crear.

Nota: Las configuraciones mencionadas en este tutorial están pensadas para fines demostrativos y educativos. Puedes adaptarlas según las necesidades específicas de tu proyecto, como elegir un tipo de instancia más potente o ajustar las reglas de seguridad para requisitos avanzados.

Paso 2: Configurar NO-IP para una Dirección Estática y Amigable

NO-IP nos permite asignar un nombre de dominio a nuestra instancia, facilitando el acceso sin necesidad de recordar direcciones IP.

2.1 Crear una Cuenta en NO-IP

• Visita NO-IP y regístrate para una cuenta gratuita.

2.2 Configura un Host Dinámico

• Dentro de tu cuenta, dirigete a **Dynamic DNS y añade un nuevo Host en el boton Create Hostname**.
• Elige un nombre de host y un dominio proporcionado por NO-IP (por ejemplo, midominio.ddns.net).

Crea un nuevo hostname con la IP de la instancia de EC2

2.3 Actualiza la IP

• Apunta el host creado a la dirección IP pública de tu instancia EC2.
• Para automatizar este proceso en caso de que la IP cambie, puedes instalar un cliente DUC (Dynamic Update Client) en tu instancia.

2.4 Instalar el Cliente DUC en la Instancia

2.4.1 Conéctate a tu instancia vía SSH utilizando la clave creada Para fines del tutorial utilizaré Git Bash

chmod 400 "tuto-c9.pem"
# Puedes utilizar el domino creado con NO-IP o directamente el domino de AWS
# NO-IP (No cambia)
ssh -i "tuto-c9.pem" ubuntu@tuto-c9.ddns.net
# AWS (Cambia con cada reinicio de instancia)
ssh -i "tuto-c9.pem" ubuntu@ec2-13-56-193-10.us-west-1.compute.amazonaws.com

2.4.2 Instalar el cliente NO-IP:

cd $HOME
wget --content-disposition https://www.noip.com/download/linux/latest
tar xf noip-duc_3.3.0.tar.gz
cd /home/$USER/noip-duc_3.3.0/binaries && sudo apt install ./noip-duc_3.3.0_amd64.deb

2.4.3 Agregar un servicio para que se actualice automaticamente:

# Moverse a la carpeta base
cd $HOME

# Agregar el servicio a /etc/systemd/system/*
sudo tee /etc/systemd/system/noip-duc.service > /dev/null << 'EOF'
[Unit]
Description=No-IP DUC Client
After=network.target
[Service]
ExecStart=/usr/bin/noip-duc --hostnames <your_hostname> --username <your_account_email> --password <your_account_password>
Restart=on-failure
User=root
[Install]
WantedBy=multi-user.target
EOF

2.4.4 Arrancar servicio

sudo systemctl daemon-reload
sudo systemctl enable noip-duc
sudo systemctl start noip-duc
sudo systemctl status noip-duc

Paso 3: Conectarse a la Instancia EC2 desde Visual Studio Code

3.1 Instalar Visual Studio Code

• Descarga e instala Visual Studio Code en tu máquina local.

3.2 Instalar la Extensión Remote — SSH

• Abre Visual Studio Code.
• Ve a Extensiones (icono de cuadrado en la barra lateral) y busca Remote — SSH.
• Instala la extensión oficial de Microsoft.

Instalación de la extensión Remote — SSH.

3.3 Configurar la Conexión SSH

• Abre la paleta de comandos con Ctrl+Shift+P o Cmd+Shift+P en macOS.
• Escribe Remote-SSH: Add New SSH Host… y selecciona la opción.
• Ingresa el comando SSH utilizando el host de NO-IP:

ssh -i /ruta/a/tu/clave.pem usuario@tudominio.ddns.net

• Guarda la configuración en el archivo SSH config.

# C:/Users/kevin/.ssh/config

Host tuto-c9
    HostName tuto-c9.ddns.net
    IdentityFile tuto-c9.pem
    User ubuntu

Configuración para conectarte por SSH en VSC.

3.4 Conectar a la Instancia

• Desde la paleta de comandos, selecciona Remote-SSH: Connect to Host… y elige el host que acabas de configurar.
• Visual Studio Code abrirá una nueva ventana conectada a tu instancia EC2.

Conexión exitosa a tu instancia de EC2.

Paso 4: Colaboración en Tiempo Real con Live Share

4.1 Instalar Live Share

• En Visual Studio Code, ve a Extensiones y busca Live Share.
• Instala la extensión oficial de Microsoft.

Buscador de extensiones.

4.2 Iniciar una Sesión de Live Share

• Haz clic en el icono de Live Share en la barra lateral.
• Inicia sesión con tu cuenta de Microsoft o GitHub.
• Haz clic en Start Collaboration Session y posteriormente en Share (Read/Write).

Extensión instalada correctamente.

4.3 Invitar a Otros Desarrolladores

• Copia el enlace generado y compártelo con tus compañeros.
• Los colaboradores podrán unirse a tu sesión y trabajar en el mismo entorno.

Colaboración dentro del mismo entorno.

Conclusión

¡Felicidades! Has creado con éxito un entorno de desarrollo en la nube que funciona como una alternativa económica a AWS Cloud9. Con una instancia EC2, NO-IP y Visual Studio Code con Live Share, tienes un espacio colaborativo, flexible y adaptado a tus necesidades.

Además, esta configuración no solo te permite trabajar colaborativamente, sino que también integra tu propio entorno personalizado, incluyendo configuraciones específicas, extensiones, y herramientas avanzadas, que ya tengas en tu Visual Studio Code, haciendo mención a Supermaven o GitHub Copilot, ya que estas extensiones que integran inteligencias artificiales al IDE, no solo aceleran tu flujo de trabajo, sino que también mejoran la calidad del código, haciendo de esta solución algo más potente que un simple IDE en la nube como lo era Cloud9.

Beneficios Clave:

• Ahorro de Costos: Evitas pagar por direcciones IP estáticas y servicios caros.
• Flexibilidad: Personaliza tu entorno según tus necesidades.
• Colaboración mejorada: Trabaja en tiempo real con tu equipo sin complicaciones.
• Compatibilidad con extensiones y configuraciones avanzadas: Aprovecha todas las extensiones disponibles en Visual Studio Code, como linters, depuradores, herramientas con IA y colaborativas, para un flujo de trabajo más eficiente.