Saltar al contenido
José Marin de la Fuente
José Marin de la Fuente
  • Inicio
  • jmdf
    • Consultor Tecnológico
    • En los medios
    • CodePen
    • ebooks
  • Secciones
    • Blog Personal
    • Drones
    • Marketing Digital
    • Mundo 360
    • Redes Sociales
    • Seguridad informática
    • SEO
    • Tecnología y Mundo Digital
    • WebDesigners, WebMasters & Developers
  • My Tools
    • Calendar Link Generator Online
    • WhatsApp Link Generator Online
    • HTML Obfuscator Online
    • JavaScript Obfuscator Online
    • JWT Decoder
    • QR Online Generator
    • WordPress Password Hash Generator
    • String art generator
    • Editor HTML
    • Test – Tabla Schulte
    • Word Counter
    • Generador de mapeo de imagenes
    • Yellow Dots Decoder
  • Proyectos
    • Lectura Veloz | Chrome Extension
    • FocusTasks | Chrome Extension
  • hangar18
  • Contacto
José Marin de la Fuente José Marin de la Fuente
  • Inicio
  • jmdf
    • Consultor Tecnológico
    • En los medios
    • CodePen
    • ebooks
  • Secciones
    • Blog Personal
    • Drones
    • Marketing Digital
    • Mundo 360
    • Redes Sociales
    • Seguridad informática
    • SEO
    • Tecnología y Mundo Digital
    • WebDesigners, WebMasters & Developers
  • My Tools
    • Calendar Link Generator Online
    • WhatsApp Link Generator Online
    • HTML Obfuscator Online
    • JavaScript Obfuscator Online
    • JWT Decoder
    • QR Online Generator
    • WordPress Password Hash Generator
    • String art generator
    • Editor HTML
    • Test – Tabla Schulte
    • Word Counter
    • Generador de mapeo de imagenes
    • Yellow Dots Decoder
  • Proyectos
    • Lectura Veloz | Chrome Extension
    • FocusTasks | Chrome Extension
  • hangar18
  • Contacto
Modo Visual
Redes Sociales

Buscar en el blog

WebDesigners, WebMasters & Developers • 3 min de lectura

Port Forwarding con Visual Studio Code (VSCode)

26 marzo 2024
port fowarding con visual studio code

El soporte para el Port Forwarding está integrado en Visual Studio Code a través de Microsoft dev tunnels, sin necesidad de instalar ninguna extensión adicional. Al ejecutar un servicio web local, puedes utilizar la vista Puertos para que el servicio sea accesible a otros a través de Internet.

Cómo utilizar el reenvío local de puertos

Primero, necesitas tener un servicio que quieras reenviar. Si aún no tienes uno pero tienes Node.js instalado, puedes ejecutar este comando para iniciar un servidor en el puerto 3000:

npx serve

A continuación, desplásate a la vista de Puertos en la región Panel y selecciona Reenviar un puerto o Forward a Port.

Forward a Port in visual studio code

Si no has iniciado sesión en GitHub antes, se te pedirá que lo hagas. A continuación, introduce el puerto que deseas reenviar; el puerto por defecto utilizando el comando anterior es el puerto 3000. Una vez hecho esto, el sistema de reenvío de puertos se inicia y la vista Puertos se actualiza para mostrar el puerto que has reenviado y su Dirección reenviada.

forwarded port

Al pasar el ratón por encima de la dirección reenviada, puede utilizar las acciones en línea para copiar la dirección, abrirla en el navegador o abrir una vista previa en el editor.
Por defecto, el puerto reenviado es Privado. Cuando navegues a la URL, se te pedirá que inicies sesión con la misma cuenta de GitHub que utilizaste para iniciar el proceso de reenvío de puertos en VS Code. Puedes cambiar la visibilidad haciendo clic con el botón derecho en el puerto y seleccionando Port Visibility > Public. Los puertos públicos no requieren inicio de sesión.

¿Cómo se protegen los puertos reenviados?

Por defecto, tanto el alojamiento como la conexión a un túnel requieren autenticación con la misma cuenta de GitHub o Microsoft en cada extremo. En ambos casos, VS Code realiza conexiones salientes a un servicio alojado en Azure; por lo general, no es necesario realizar cambios en el cortafuegos, y VS Code no configura ninguna escucha de red.

Sin embargo, si has abierto un puerto Público, cualquier usuario con tu enlace puede acceder al servicio reenviado. Debe tener cuidado y evitar alojar información confidencial o servicios inseguros en dichos puertos.

Si formas parte de una organización que desea controlar el acceso al reenvío de puertos, puedes hacerlo permitiendo o denegando el acceso al dominio global.rel.tunnels.api.visualstudio.com.

Puedes obtener más información sobre la seguridad del servicio subyacente dev tunnels en su documentación.

¿Qué límites tiene el reenvío de puertos?

Existen límites tanto para la cantidad de ancho de banda utilizado como para el número de máquinas activas que se pueden utilizar en el reenvío de puertos, que están sujetos a cambios con el tiempo. Más información sobre los límites de uso de los túneles en la documentación de Remote-Tunnels.

Comentarios
Compartir este artículo:

Navegación de entradas

Artículo anterior ← Responsively App: Un navegador modificado construido usando Electron que ayuda en el desarrollo web responsivo
Siguiente artículo Device Bound Session Credentials. Las cookies robadas ya no serán de utilidad para un hacker →

Artículos Relacionados

commit y push de carpetas vacias en GIT usando .gitkeep
WebDesigners, WebMasters & Developers

commit y push de carpetas vacias en GIT usando .gitkeep

25 agosto 2022 • 2 min de lectura
visual studio code
WebDesigners, WebMasters & Developers

HTML/CSS shortcuts super útiles en VSCode

4 diciembre 2024 • 3 min de lectura
Flutter en Macos Catalina
WebDesigners, WebMasters & Developers

Flutter en MacOs Catalina

8 noviembre 2019 • 2 min de lectura
advertise width me
Baitdom Domótica para el hogar en Tucumán
Google Street View Trusted Photographer | Tucumán
grupo de desarrolladores tucumanos en Facebook

Entradas recientes

  • Cómo buscar archivos públicos de Google Drive con Google Dorks y proteger tu información
  • Cómo vender productos digitales con Landing Pages, Tiendanube y Meta Ads
  • Métricas de Meta Ads: guía completa para entender CPM, CTR, CPC, CPA, ROAS y optimizar campañas
  • Framework 3Qs en Meta Ads: Diagnóstico de Campañas y Optimización
  • Zonas seguras de Meta Ads: guía para Reels y Stories
advertise width me
DEVELOPER TOOLBOX

Mis Herramientas & Utilidades

Colección de utilidades web interactivas para desarrolladores y profesionales.

JWT Decoder POPULAR

Decodifica y verifica tokens JWT

JSON Formatter

Embellece y valida JSON

Base64 Encoder

Codifica y decodifica Base64

Hash Generator

MD5, SHA-256 y más

Regex Tester

Prueba expresiones regulares

CSS Gradients NUEVO

Generador de degradados CSS

© 2026 José Marin de la Fuente. Todos los derechos reservados.