Reenviar puertos en tu codespace

Puedes reenviar los puertos en tu codespace para probar y depurar tu aplicación.

Codespaces está disponible para las organizaciones que utilicen GitHub Team o Nube de GitHub Enterprise. Para obtener más información, consulta la sección "Productos de GitHub".

Acerca de los puertos reenviados

La redirección de puertos te otorga acceso a los puertos CRP dentro de tu codespace. Por ejemplo, si estás ejecutando una aplicación web en el puerto 4000, puedes acceder a esta desde tu buscador para probarla y depurarla.

Cuando una aplicación que se ejecuta en un codespace da salida a la consola a un puerto, el Codespaces detecta el patrón de URL del host local y reenvía el puerto automáticamente. Puedes hacer clic en la URL de la terminal para abrir el puerto en un buscador. Por ejemplo, si una aplicación da como salida http://127.0.0.1:4000 o http://localhost:4000 en la consola, la bitácora convertirá la salida automáticamente en una URL para el puerto 4000 en la que se puede dar clic.

Reenvío automático de puertos

También puedes reenviar un puerto manualmente, etiquetar puertos reenviados, compartir puertos reenviados públicamente y agregar puertos reenviados a la configuración del codespace.

Reenviar un puerto

Puedes reenviar manualmente a un puerto que no se haya reenviado automáticamente.

  1. En tu codespace, debajo del editor de texto, haz clic en "Puertos". Pestaña de puertos
  2. Debajo de la lista de puertos, haz clic en Agregar puerto. Botón de agregar puerto
  3. Teclea el número de puerto o de dirección y luego presiona enter. Botón de caja de texto para teclear el puerto

Etiquetar un puerto

Puedes etiquetar un puerto para hacerlo más fácil de identificar en una lista.

  1. En tu codespace, debajo del editor de texto, haz clic en "Puertos". Pestaña de puertos
  2. Pasa el mouse sobre el puerto que quieras etiquetar y luego haz clic en el icono de etiqueta. Icono de etiqueta para el puerto
  3. Teclea una etiqueta para tu puerto y luego presiona enter. Caja de texto para teclear la etiqueta para el puerto

Compartir un puerto

Si quieres compartir un puerto reenviado con otros, necesitas hacerlo público. Después de que lo haces público, cualquiera con la URL del puerto puede ver la aplicación que se ejecuta sin necesidad de autenticarse.

  1. En tu codespace, debajo del editor de texto, haz clic en "Puertos". Pestaña de puertos
  2. Haz clic derecho en el puerto que quieres compartir y luego en Hacer público. Opción para hacer el puerto público en el menú de clic derecho
  3. A la derecha de la dirección local del puerto, haz clic en el icono de copiar. Copiar el icono para la URL del puerto
  4. Envía la URL copiada a la persona con la que quieras compartir el puerto.

Agregar el peurto a la configuración del codespace

Puedes agregar un puerto reenviado a la configuración de Codespaces del repositorio para que este pueda reenviarse automáticamente a todos los codespaces que se crearon desde el repositorio. Después de que actualizas la configuración, cualquier codespace creado debe reconstruirse para que el cambio se aplique. Para obtener más información, consulta la sección "Configurar Codespaces para tu proyecto".

Puedes configurar manualmente los puertos reenviados en un archivo .devcontainer.json utilizando la propiedad forwardPorts o puedes utilizar el panel "Puertos" en tu codespace.

  1. En tu codespace, debajo del editor de texto, haz clic en "Puertos". Pestaña de puertos
  2. Haz clic derecho en el puerto que quieras agregar a la configuración del codespace y luego haz clic en Configurar etiqueta y actualizar devcontainer.json. Opción para configurar una etiqueta y agregar el puerto a devcntainer.json en el menú de clic derecho
  3. Teclea una etiqueta para tu puerto y luego presiona enter. Caja de texto para teclear la etiqueta para el puerto

¿Te ayudó este documento?

Política de privacidad

¡Ayúdanos a hacer geniales estos documentos!

Todos los documentos de GitHub son de código abierto. ¿Notas algo que esté mal o que no sea claro? Emite una solicitud de cambios.

Haz una contribución

O, aprende cómo contribuir.