Automatizar la visibilidad de Puertos en tu Codespaces con un Script Bash

¡Optimiza tu experiencia de desarrollo en Github Codespaces con una automatización inteligente! En este artículo, aprenderás cómo utilizar un script Bash para cambiar automáticamente la visibilidad de los puertos en tu entorno de Codespace. Esta práctica te permitirá ajustar fácilmente las configuraciones de los puertos y agilizar tu flujo de trabajo.

Simplifica tu Configuración de Puertos en Codespace

Cuando trabajas en proyectos de desarrollo, a menudo necesitas ajustar la visibilidad de los puertos en tu entorno de Codespace para permitir o restringir el acceso a servicios específicos. Con la ayuda de un script Bash y la potencia de la línea de comandos, puedes automatizar este proceso y ahorrar tiempo y esfuerzo.

El script Bash que compartimos aquí te permitirá cambiar la visibilidad de los puertos en tu Codespace de manera sencilla y eficiente. Con solo unos pocos comandos, podrás configurar rápidamente los puertos para que sean visibles públicamente o mantenerlos privados según tus necesidades específicas.

Configuración Automatizada de Puertos en Codespace

Para empezar, crea un archivo de script Bash en el subdirectorio llamado .devcontainer en tu proyecto de Codespace (por ejemplo, change_port_visibility.sh). Dentro de este archivo, implementa la función change_port_visibility() que tomará el número del puerto y la visibilidad como parámetros.

#!/bin/bash

# Function to change port visibility
change_port_visibility() {
  local port=$1
  local visibility=$2
  gh codespace ports visibility $port:$visibility -c $CODESPACE_NAME
}

# Usage: change_port_visibility <port> <visibility>
change_port_visibility $1 $2

Usando la CLI de GitHub (gh), puedes ejecutar el comando gh codespace ports visibility dentro de la función change_port_visibility() para cambiar la visibilidad del puerto especificado. Con esta implementación, puedes automatizar fácilmente el cambio de visibilidad de puertos en tu entorno de Codespace.

En el archivo devcontainer.json, agregamos la siguiente propiedad: postAttachCommand e importante tambien, asegúrate de agregar github-cli

{
	"name": "My Awesome container",
	"features": {
		"github-cli": "latest"
	},
	
	"forwardPorts": [
		3000,
		3001
	],
	"portsAttributes": {"3000": {"label": "Main app"}},
	"postAttachCommand": "/bin/bash ./.devcontainer/change_port_visibility.sh 3000 public",
	// Resto de configuraciones ...
}

Con estas configuraciones, el script change_port_visibility.sh se ejecutará automáticamente después de que se cree Codespace, actualizando la visibilidad del puerto según los argumentos especificados.

Verificando la Configuración de Visibilidad de Puertos en Codespace

Es posible que, al utilizar el script de automatización que compartimos previamente, notes que en la pestaña de puertos de tu entorno de Codespace el texto sigue mostrando "private" (privado) en lugar de "public" (público), a pesar de haber ejecutado con éxito el comando gh codespace ports visibility.

No te preocupes, esto puede deberse a una discrepancia visual en la interfaz de usuario. Sin embargo, si ejecutas el comando gh codespace ports -c $CODESPACE_NAME, donde $CODESPACE_NAME es el nombre de tu Codespace, verás que el puerto en cuestión se muestra correctamente como "public" (público).

Aunque la pestaña de puertos pueda mostrar "private" en lugar de "public", puedes tener la tranquilidad de que tu puerto se encuentra configurado como público y está accesible según lo esperado.

Recuerda que la verificación de la configuración real de visibilidad de puertos se puede realizar ejecutando el comando gh codespace ports -c $CODESPACE_NAME en la terminal, el cual proporcionará información precisa y actualizada sobre el estado de tus puertos en Codespace.

Personaliza y Utiliza el Script según tus Necesidades

El script Bash proporcionado es un punto de partida, pero puedes personalizarlo para satisfacer tus necesidades específicas. Puedes agregar más funcionalidades, implementar una lógica adicional o incluso combinarlo con otras tareas de configuración.

Automatizar la configuración de puertos en tu Codespace puede brindarte un flujo de trabajo más eficiente y simplificado. Con el script Bash presentado en este artículo, puedes cambiar fácilmente la visibilidad de los puertos y adaptar tu entorno de desarrollo a tus requisitos en cuestión de segundos.

¡Aprovecha esta poderosa automatización y lleva tu experiencia de desarrollo en Codespaces al siguiente nivel!