{"meta":{"title":"Reenviar puertos en tu codespace","intro":"Puedes reenviar los puertos en tu codespace para probar y depurar tu aplicación. También puedes administrar el protocolo de puerto y compartirlo dentro de tu organización o públicamente.","product":"Codespaces","breadcrumbs":[{"href":"/es/codespaces","title":"Codespaces"},{"href":"/es/codespaces/developing-in-a-codespace","title":"Desarrollar en un codespace"},{"href":"/es/codespaces/developing-in-a-codespace/forwarding-ports-in-your-codespace","title":"Reenvío de puertos"}],"documentType":"article"},"body":"# Reenviar puertos en tu codespace\n\nPuedes reenviar los puertos en tu codespace para probar y depurar tu aplicación. También puedes administrar el protocolo de puerto y compartirlo dentro de tu organización o públicamente.\n\n## Acerca de los puertos reenviados\n\nLa redirección de puertos te otorga acceso a los puertos TCP que funcionan dentro de tu codespace. Por ejemplo, si estás ejecutando una aplicación web en un puerto específico en tu codespace, puedes reenviar dicho puerto. Esto te permite acceder a la aplicación desde el buscador en tu máquina local para hacer pruebas y correcciones de errores.\n\n\n\nCuando una aplicación que se ejecuta dentro de un codespace imprime la salida en el terminal que contiene una dirección URL de localhost, como `http://localhost:PORT` o `http://127.0.0.1:PORT`, el puerto se reenvía de forma automática. Si estás utilizando GitHub Codespaces en el explorador o en Visual Studio Code, la secuencia de URL en la terminal se convertirá en un vínculo en el que puedes hacer clic para ver la página web en tu máquina local. De manera predeterminada, GitHub Codespaces reenvía los puertos mediante HTTP.\n\nPuedes editar la configuración del contenedor de desarrollo para que el repositorio reenvíe automáticamente uno o varios puertos. También puedes reenviar un puerto de forma manual, etiquetar los puertos reenviados, compartir los puertos reenviados con los miembros de tu organización, compartir los puertos reenviados de forma pública y agregar puertos reenviados a la configuración del codespace.\n\n> \\[!NOTE]\n> Los propietarios de la organización pueden restringir la capacidad de hacer que los puertos de reenvío estén disponibles públicamente o dentro de la organización. Para más información, consulta [Limitación de la visibilidad de los puertos reenviados](/es/codespaces/managing-codespaces-for-your-organization/restricting-the-visibility-of-forwarded-ports).\n\n## Reenviar un puerto\n\nPuedes reenviar manualmente a un puerto que no se haya reenviado automáticamente.\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. En la lista de puertos, haga clic en **Agregar puerto**.\n\n \n\n4. Escriba el número de puerto o la dirección y pulse Intro.\n\n \n\n## Utilizar el reenvío HTTPS\n\nDe manera predeterminada, GitHub Codespaces reenvía los puertos mediante HTTP, pero puedes actualizar cualquier puerto para que utilice HTTPS según sea necesario. Si actualizas un puerto con visibilidad pública para usar HTTPS, la visibilidad del puerto cambiará automáticamente a privada.\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. Haz clic con el botón derecho en el puerto que quieres actualizar y, después, mantén el ratón sobre **Cambiar protocolo de puerto**.\n\n \n\n4. Selecciona el protocolo necesario para este puerto. El protocolo que selecciones se recordará para este puerto durante toda la vida útil del codespace.\n\n## Compartir un puerto\n\n> \\[!NOTE]\n> Solo puedes hacer que un puerto sea privado para una organización si en la organización se usa GitHub Team o GitHub Enterprise Cloud.\n\nSi quieres compartir un puerto reenviado con otros, puedes ya sea hacerlo privado para tu organización o hacerlo público. Después de hacer un puerto privado para tu organización, cualquier miembro de esta que tenga la URL de dicho puerto podrá ver la aplicación que se está ejecutando. Después de hacer un puerto público, cualquiera que sepa la URL y el número de puerto podrá ver la aplicación que se está ejecutando sin necesidad de autenticarse.\n\n> \\[!NOTE]\n> La elección de las opciones de visibilidad del puerto puede estar limitada por una directiva configurada para la organización. Para más información, consulta [Limitación de la visibilidad de los puertos reenviados](/es/codespaces/managing-codespaces-for-your-organization/restricting-the-visibility-of-forwarded-ports).\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. Haz clic con el botón derecho en el puerto que quieres compartir, haz clic en **Visibilidad del puerto** y, después, en **Privado para la organización** o **Público**.\n\n \n\n4. A la derecha de la dirección local del puerto, haz clic en el icono de copiar.\n\n \n\n5. Envía la URL copiada a la persona con la que quieras compartir el puerto.\n\n## Uso de herramientas de línea de comandos y clientes REST para acceder a los puertos\n\nAl reenviar un puerto, tu aplicación pasa a estar disponible en la dirección URL `https://CODESPACENAME-PORT.app.github.dev`. Por ejemplo, `https://monalisa-hot-potato-vrpqrxxrx7x2rxx-4000.app.github.dev`. Si reenvías un puerto privado desde la aplicación de escritorio de VS Code, tu aplicación también está disponible en un puerto localhost, como `127.0.0.1:4000`.\n\nPara acceder a tu aplicación mediante un cliente REST (como Postman) o una herramienta de línea de comandos (como curl), no necesitas autenticarte si usas un puerto localhost o si accedes a un puerto público en el dominio remoto. Sin embargo, para conectarte a un puerto privado en el dominio remoto, debes autenticarte mediante el token de acceso `GITHUB_TOKEN` en la solicitud.\n\n> \\[!NOTE]\n> El elemento `GITHUB_TOKEN` se crea automáticamente al iniciar un codespace y no cambia durante la sesión del codespace. Si detienes y luego reinicias un codespace, se genera un nuevo `GITHUB_TOKEN`.\n\n\n\n### Búsqueda de la dirección a la que conectarse\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**. Con esto se enumerarán todos los puertos que has reenviado.\n\n3. Haz clic con el botón derecho en el puerto al que quieres conectarte y, después, haz clic en **Copiar dirección local**.\n\n \n\n4. Pega la dirección en algún lugar para usarla más adelante.\n\n### Búsqueda de GITHUB\\_TOKEN\n\n1. En el terminal del codespace, escribe `echo $GITHUB_TOKEN`.\n\n El token es una cadena que comienza por `ghu_`.\n\n2. Copie el token.\n\n > \\[!IMPORTANT]\n > No compartas este token de acceso con nadie.\n\n### Uso de curl para acceder a un puerto reenviado\n\nEn un terminal en tu equipo local, escribe:\n\n```shell\ncurl ADDRESS -H \"X-Github-Token: TOKEN\"\n```\n\nReemplaza `ADDRESS` y `TOKEN` por los valores que has copiado anteriormente.\n\n### Uso de Postman para acceder a un puerto reenviado\n\n1. Abra Postman.\n\n2. Crea una nueva solicitud GET.\n\n3. Pega la dirección que has copiado anteriormente como la URL de la solicitud.\n\n \n\n4. En la pestaña **Encabezados**, crea una nueva entrada con la clave \"X-Github-Token\" y el valor de `GITHUB_TOKEN` que has copiado anteriormente.\n\n \n\n5. Haga clic en **Enviar**.\n\n## Reenvío automático de un puerto\n\nPuede agregar un puerto reenviado a la configuración de GitHub Codespaces del repositorio para que se pueda reenviar automáticamente el puerto a todos los codespaces creados a partir del repositorio. Después de que actualizas la configuración, cualquier codespace creado debe reconstruirse para que el cambio se aplique. Para más información sobre el archivo de configuración de contenedores de desarrollo, consulta [Introducción a los contenedores dev](/es/codespaces/setting-up-your-project-for-codespaces/adding-a-dev-container-configuration/introduction-to-dev-containers#applying-configuration-changes-to-a-codespace).\n\n1. En el codespace, abre el archivo de configuración del contenedor de desarrollo que quieres actualizar. Normalmente, este archivo es `.devcontainer/devcontainer.json`.\n\n2. Agregue la propiedad `forwardPorts`.\n\n ```json\n \"forwardPorts\": [NUMBER],\n ```\n\n Reemplaza `NUMBER` por el número de puerto que quieres reenviar. Puede ser una lista separada por comas de números de puerto.\n\n3. Guarde el archivo.\n\n## Etiquetar un puerto\n\nAl abrir un codespace en el explorador o en la aplicación de escritorio VS Code, puedes etiquetar un puerto reenviado para facilitar la identificación en una lista.\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. Haz clic con el botón derecho en el puerto que quieres etiquetar y elige **Establecer etiqueta de puerto**.\n\n \n\n4. Teclea una etiqueta para tu puerto y luego presiona Entrar.\n\n \n\n### Etiquetado automático de un puerto reenviado\n\nPuedes etiquetar un puerto y escribir el cambio en un archivo de configuración de contenedor de desarrollo para el repositorio. Si lo haces para un puerto que se reenvía automáticamente (con la propiedad `forwardPorts`), la etiqueta se aplica automáticamente a ese puerto reenviado para todos los codespaces futuros creados a partir del repositorio con ese archivo de configuración.\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. Haz clic con el botón derecho en el puerto que quieres agregar a la configuración del codespace y elige **Establecer etiqueta y actualizar devcontainer.json**.\n\n \n\n4. Teclea una etiqueta para tu puerto y luego presiona Entrar.\n\n \n\n5. Si el repositorio tiene más de un archivo de configuración de contenedor de desarrollo, se te pedirá que elijas el archivo que quieres actualizar.\n\n El archivo de configuración del contenedor de desarrollo se actualiza para incluir la nueva etiqueta en la propiedad `portsAttributes`. Por ejemplo:\n\n ```jsonc\n // Use 'forwardPorts' to make a list of ports inside the container available locally.\n \"forwardPorts\": [3333, 4444],\n\n \"portsAttributes\": {\n \"3333\": {\n \"label\": \"app-standard-preview\"\n },\n \"4444\": {\n \"label\": \"app-pro-preview\"\n }\n }\n ```\n\n
\n\n\n\nCuando una aplicación que se ejecuta dentro de un codespace imprime la salida en el terminal que contiene una dirección URL de localhost, como `http://localhost:PORT` o `http://127.0.0.1:PORT`, el puerto se reenvía de forma automática. Si estás utilizando GitHub Codespaces en el explorador o en Visual Studio Code, la secuencia de URL en la terminal se convertirá en un vínculo en el que puedes hacer clic para ver la página web en tu máquina local. De manera predeterminada, GitHub Codespaces reenvía los puertos mediante HTTP.\n\nPuedes editar la configuración del contenedor de desarrollo para que el repositorio reenvíe automáticamente uno o varios puertos. También puedes reenviar un puerto de forma manual, etiquetar los puertos reenviados, compartir los puertos reenviados con los miembros de tu organización, compartir los puertos reenviados de forma pública y agregar puertos reenviados a la configuración del codespace.\n\n> \\[!NOTE]\n> Los propietarios de la organización pueden restringir la capacidad de hacer que los puertos de reenvío estén disponibles públicamente o dentro de la organización. Para más información, consulta [Limitación de la visibilidad de los puertos reenviados](/es/codespaces/managing-codespaces-for-your-organization/restricting-the-visibility-of-forwarded-ports).\n\n## Reenviar un puerto\n\nPuedes reenviar manualmente a un puerto que no se haya reenviado automáticamente.\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. En la lista de puertos, haga clic en **Agregar puerto**.\n\n \n\n4. Escriba el número de puerto o la dirección y pulse Intro.\n\n \n\n## Compartir un puerto\n\n> \\[!NOTE]\n> Solo puedes hacer que un puerto sea privado para una organización si en la organización se usa GitHub Team o GitHub Enterprise Cloud.\n\nSi quieres compartir un puerto reenviado con otros, puedes ya sea hacerlo privado para tu organización o hacerlo público. Después de hacer un puerto privado para tu organización, cualquier miembro de esta que tenga la URL de dicho puerto podrá ver la aplicación que se está ejecutando. Después de hacer un puerto público, cualquiera que sepa la URL y el número de puerto podrá ver la aplicación que se está ejecutando sin necesidad de autenticarse.\n\n> \\[!NOTE]\n> La elección de las opciones de visibilidad del puerto puede estar limitada por una directiva configurada para la organización. Para más información, consulta [Limitación de la visibilidad de los puertos reenviados](/es/codespaces/managing-codespaces-for-your-organization/restricting-the-visibility-of-forwarded-ports).\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. Haz clic con el botón derecho en el puerto que quieres compartir, haz clic en **Visibilidad del puerto** y, después, en **Privado para la organización** o **Público**.\n\n \n\n4. A la derecha de la dirección local del puerto, haz clic en el icono de copiar.\n\n \n\n5. Envía la URL copiada a la persona con la que quieras compartir el puerto.\n\n## Uso de herramientas de línea de comandos y clientes REST para acceder a los puertos\n\nAl reenviar un puerto, tu aplicación pasa a estar disponible en la dirección URL `https://CODESPACENAME-PORT.app.github.dev`. Por ejemplo, `https://monalisa-hot-potato-vrpqrxxrx7x2rxx-4000.app.github.dev`. Si reenvías un puerto privado desde la aplicación de escritorio de VS Code, tu aplicación también está disponible en un puerto localhost, como `127.0.0.1:4000`.\n\nPara acceder a tu aplicación mediante un cliente REST (como Postman) o una herramienta de línea de comandos (como curl), no necesitas autenticarte si usas un puerto localhost o si accedes a un puerto público en el dominio remoto. Sin embargo, para conectarte a un puerto privado en el dominio remoto, debes autenticarte mediante el token de acceso `GITHUB_TOKEN` en la solicitud.\n\n> \\[!NOTE]\n> El elemento `GITHUB_TOKEN` se crea automáticamente al iniciar un codespace y no cambia durante la sesión del codespace. Si detienes y luego reinicias un codespace, se genera un nuevo `GITHUB_TOKEN`.\n\n\n\n### Búsqueda de la dirección a la que conectarse\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**. Con esto se enumerarán todos los puertos que has reenviado.\n\n3. Haz clic con el botón derecho en el puerto al que quieres conectarte y, después, haz clic en **Copiar dirección local**.\n\n \n\n4. Pega la dirección en algún lugar para usarla más adelante.\n\n### Búsqueda de GITHUB\\_TOKEN\n\n1. En el terminal del codespace, escribe `echo $GITHUB_TOKEN`.\n\n El token es una cadena que comienza por `ghu_`.\n\n2. Copie el token.\n\n > \\[!IMPORTANT]\n > No compartas este token de acceso con nadie.\n\n### Uso de curl para acceder a un puerto reenviado\n\nEn un terminal en tu equipo local, escribe:\n\n```shell\ncurl ADDRESS -H \"X-Github-Token: TOKEN\"\n```\n\nReemplaza `ADDRESS` y `TOKEN` por los valores que has copiado anteriormente.\n\n### Uso de Postman para acceder a un puerto reenviado\n\n1. Abra Postman.\n\n2. Crea una nueva solicitud GET.\n\n3. Pega la dirección que has copiado anteriormente como la URL de la solicitud.\n\n \n\n4. En la pestaña **Encabezados**, crea una nueva entrada con la clave \"X-Github-Token\" y el valor de `GITHUB_TOKEN` que has copiado anteriormente.\n\n \n\n5. Haga clic en **Enviar**.\n\n## Reenvío automático de un puerto\n\nPuede agregar un puerto reenviado a la configuración de GitHub Codespaces del repositorio para que se pueda reenviar automáticamente el puerto a todos los codespaces creados a partir del repositorio. Después de que actualizas la configuración, cualquier codespace creado debe reconstruirse para que el cambio se aplique. Para más información sobre el archivo de configuración de contenedores de desarrollo, consulta [Introducción a los contenedores dev](/es/codespaces/setting-up-your-project-for-codespaces/adding-a-dev-container-configuration/introduction-to-dev-containers#applying-configuration-changes-to-a-codespace).\n\n1. En el codespace, abre el archivo de configuración del contenedor de desarrollo que quieres actualizar. Normalmente, este archivo es `.devcontainer/devcontainer.json`.\n\n2. Agregue la propiedad `forwardPorts`.\n\n ```json\n \"forwardPorts\": [NUMBER],\n ```\n\n Reemplaza `NUMBER` por el número de puerto que quieres reenviar. Puede ser una lista separada por comas de números de puerto.\n\n3. Guarde el archivo.\n\n## Etiquetar un puerto\n\nAl abrir un codespace en el explorador o en la aplicación de escritorio VS Code, puedes etiquetar un puerto reenviado para facilitar la identificación en una lista.\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. Haz clic con el botón derecho en el puerto que quieres etiquetar y elige **Establecer etiqueta de puerto**.\n\n \n\n4. Teclea una etiqueta para tu puerto y luego presiona Entrar.\n\n \n\n### Etiquetado automático de un puerto reenviado\n\nPuedes etiquetar un puerto y escribir el cambio en un archivo de configuración de contenedor de desarrollo para el repositorio. Si lo haces para un puerto que se reenvía automáticamente (con la propiedad `forwardPorts`), la etiqueta se aplica automáticamente a ese puerto reenviado para todos los codespaces futuros creados a partir del repositorio con ese archivo de configuración.\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. Haz clic con el botón derecho en el puerto que quieres agregar a la configuración del codespace y elige **Establecer etiqueta y actualizar devcontainer.json**.\n\n \n\n4. Teclea una etiqueta para tu puerto y luego presiona Entrar.\n\n \n\n5. Si el repositorio tiene más de un archivo de configuración de contenedor de desarrollo, se te pedirá que elijas el archivo que quieres actualizar.\n\n El archivo de configuración del contenedor de desarrollo se actualiza para incluir la nueva etiqueta en la propiedad `portsAttributes`. Por ejemplo:\n\n ```jsonc\n // Use 'forwardPorts' to make a list of ports inside the container available locally.\n \"forwardPorts\": [3333, 4444],\n\n \"portsAttributes\": {\n \"3333\": {\n \"label\": \"app-standard-preview\"\n },\n \"4444\": {\n \"label\": \"app-pro-preview\"\n }\n }\n ```\n\n
\n\n\n\n> \\[!NOTE]\n> Para más información sobre GitHub CLI, consulta [Acerca de GitHub CLI](/es/github-cli/github-cli/about-github-cli).\n\nPara reenviar un puerto, use el subcomando `gh codespace ports forward`. Reemplace `codespace-port:local-port` por los puertos remotos y locales que quiera conectar. Después de ingresar el comando, elige de la lista de codespaces que se muestra.\n\n```shell\ngh codespace ports forward CODESPACE-PORT:LOCAL-PORT\n```\n\nPara más información sobre este comando, vea [el manual de GitHub CLI](https://cli.github.com/manual/gh_codespace_ports_forward).\n\nPara ver detalles de los puertos reenviados, escriba `gh codespace ports` y elija un codespace.\n\n## Compartir un puerto\n\n> \\[!NOTE]\n> Solo puedes hacer que un puerto sea privado para una organización si en la organización se usa GitHub Team o GitHub Enterprise Cloud.\n\nSi quieres compartir un puerto reenviado con otros, puedes ya sea hacerlo privado para tu organización o hacerlo público. Después de hacer un puerto privado para tu organización, cualquier miembro de esta que tenga la URL de dicho puerto podrá ver la aplicación que se está ejecutando. Después de hacer un puerto público, cualquiera que sepa la URL y el número de puerto podrá ver la aplicación que se está ejecutando sin necesidad de autenticarse.\n\n> \\[!NOTE]\n> La elección de las opciones de visibilidad del puerto puede estar limitada por una directiva configurada para la organización. Para más información, consulta [Limitación de la visibilidad de los puertos reenviados](/es/codespaces/managing-codespaces-for-your-organization/restricting-the-visibility-of-forwarded-ports).\n\nPara cambiar la visibilidad de un puerto reenviado, use el subcomando `gh codespace ports visibility`. Existen tres ajustes de visibilidad:\n\n* `private`: solo es visible para usted. Este es el ajuste predeterminado cuando reenvías un puerto.\n* `org`: visible para los miembros de la organización propietaria del repositorio.\n* `public`: visible para cualquiera que conozca la URL y el número de puerto.\n\nReemplace `codespace-port` por el número de puerto reenviado. Reemplace por `setting``private`, `org`o `public`. Después de ingresar el comando, elige de la lista de codespaces que se muestra.\n\n```shell\ngh codespace ports visibility CODESPACE-PORT:SETTINGS\n```\n\nPuedes configurar la visibilidad para varios puertos con un solo comando. Por ejemplo:\n\n```shell\ngh codespace ports visibility 80:private 3000:public 3306:org\n```\n\nPara más información sobre este comando, vea [el manual de GitHub CLI](https://cli.github.com/manual/gh_codespace_ports_visibility).\n\n## Uso de herramientas de línea de comandos y clientes REST para acceder a los puertos\n\nAl reenviar un puerto, tu aplicación pasa a estar disponible en la dirección URL `https://CODESPACENAME-PORT.app.github.dev`. Por ejemplo, `https://monalisa-hot-potato-vrpqrxxrx7x2rxx-4000.app.github.dev`. Si reenvías un puerto privado desde la aplicación de escritorio de VS Code, tu aplicación también está disponible en un puerto localhost, como `127.0.0.1:4000`.\n\nPara acceder a tu aplicación mediante un cliente REST (como Postman) o una herramienta de línea de comandos (como curl), no necesitas autenticarte si usas un puerto localhost o si accedes a un puerto público en el dominio remoto. Sin embargo, para conectarte a un puerto privado en el dominio remoto, debes autenticarte mediante el token de acceso `GITHUB_TOKEN` en la solicitud.\n\n> \\[!NOTE]\n> El elemento `GITHUB_TOKEN` se crea automáticamente al iniciar un codespace y no cambia durante la sesión del codespace. Si detienes y luego reinicias un codespace, se genera un nuevo `GITHUB_TOKEN`.\n\n\n\n### Búsqueda de la dirección a la que conectarse\n\nPara buscar la dirección de un puerto reenviado, escribe `gh codespace ports`. Si tienes más de un codespace, selecciona el codespace adecuado en la lista que se muestra.\n\nCopia la dirección y pégala en algún lugar para usarla más adelante.\n\n### Búsqueda del token de GitHub\n\n1. Inicia una sesión de SSH para el codespace.\n\n ```shell\n gh codespace ssh\n ```\n\n2. Si tienes más de un codespace, selecciona el codespace adecuado en la lista que se muestra.\n\n3. Muestra `GITHUB_TOKEN`.\n\n ```shell\n echo $GITHUB_TOKEN\n ```\n\n El token es una cadena que comienza por `ghu_`.\n\n4. Copie el token.\n\n > \\[!IMPORTANT]\n > No compartas este token de acceso con nadie.\n\n5. Salga de la sesión SSH.\n\n ```shell\n exit\n ```\n\n### Uso de curl para acceder a un puerto reenviado\n\nEn un terminal en tu equipo local, escribe:\n\n```shell\ncurl ADDRESS -H \"X-Github-Token: TOKEN\"\n```\n\nReemplaza `ADDRESS` y `TOKEN` por los valores que has copiado anteriormente.\n\n### Uso de Postman para acceder a un puerto reenviado\n\n1. Abra Postman.\n\n2. Crea una nueva solicitud GET.\n\n3. Pega la dirección que has copiado anteriormente como la URL de la solicitud.\n\n \n\n4. En la pestaña **Encabezados**, crea una nueva entrada con la clave \"X-Github-Token\" y el valor de `GITHUB_TOKEN` que has copiado anteriormente.\n\n \n\n5. Haga clic en **Enviar**.\n\n## Reenvío automático de un puerto\n\nPuede agregar un puerto reenviado a la configuración de GitHub Codespaces del repositorio para que se pueda reenviar automáticamente el puerto a todos los codespaces creados a partir del repositorio. Después de que actualizas la configuración, cualquier codespace creado debe reconstruirse para que el cambio se aplique. Para más información sobre el archivo de configuración de contenedores de desarrollo, consulta [Introducción a los contenedores dev](/es/codespaces/setting-up-your-project-for-codespaces/adding-a-dev-container-configuration/introduction-to-dev-containers#applying-configuration-changes-to-a-codespace).\n\n1. En el codespace, abre el archivo de configuración del contenedor de desarrollo que quieres actualizar. Normalmente, este archivo es `.devcontainer/devcontainer.json`.\n\n2. Agregue la propiedad `forwardPorts`.\n\n ```json\n \"forwardPorts\": [NUMBER],\n ```\n\n Reemplaza `NUMBER` por el número de puerto que quieres reenviar. Puede ser una lista separada por comas de números de puerto.\n\n3. Guarde el archivo.\n\n## Etiquetar un puerto\n\nAl abrir un codespace en el explorador o en la aplicación de escritorio VS Code, puedes etiquetar un puerto reenviado para facilitar la identificación en una lista.\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. Haz clic con el botón derecho en el puerto que quieres etiquetar y elige **Establecer etiqueta de puerto**.\n\n \n\n4. Teclea una etiqueta para tu puerto y luego presiona Entrar.\n\n \n\n### Etiquetado automático de un puerto reenviado\n\nPuedes etiquetar un puerto y escribir el cambio en un archivo de configuración de contenedor de desarrollo para el repositorio. Si lo haces para un puerto que se reenvía automáticamente (con la propiedad `forwardPorts`), la etiqueta se aplica automáticamente a ese puerto reenviado para todos los codespaces futuros creados a partir del repositorio con ese archivo de configuración.\n\n1. Abre el terminal en tu codespace.\n\n2. Haz clic en la pestaña **PUERTOS**.\n\n3. Haz clic con el botón derecho en el puerto que quieres agregar a la configuración del codespace y elige **Establecer etiqueta y actualizar devcontainer.json**.\n\n \n\n4. Teclea una etiqueta para tu puerto y luego presiona Entrar.\n\n \n\n5. Si el repositorio tiene más de un archivo de configuración de contenedor de desarrollo, se te pedirá que elijas el archivo que quieres actualizar.\n\n El archivo de configuración del contenedor de desarrollo se actualiza para incluir la nueva etiqueta en la propiedad `portsAttributes`. Por ejemplo:\n\n ```jsonc\n // Use 'forwardPorts' to make a list of ports inside the container available locally.\n \"forwardPorts\": [3333, 4444],\n\n \"portsAttributes\": {\n \"3333\": {\n \"label\": \"app-standard-preview\"\n },\n \"4444\": {\n \"label\": \"app-pro-preview\"\n }\n }\n ```\n\n### Visualización de etiquetas de puerto en la línea de comandos\n\nPuedes ver las etiquetas de puerto al enumerar los puertos reenviados de un codespace. Para ello, usa el comando `gh codespace ports` y, después, selecciona un codespace.\n\n
"}