Compartir a través de

Creación y hospedaje de un túnel de desarrollo

Los túneles de desarrollo son una herramienta eficaz para abrir de forma segura su localhost a Internet y controlar quién tiene acceso, por lo que puede probar y depurar fácilmente sus aplicaciones web y webhooks desde prácticamente cualquier lugar. Cree, hospede y conéctese al primer túnel de desarrollo en segundos.

En este inicio rápido, aprenderá a crear, hospedar y conectarse a su primer túnel de desarrollo en segundos.

Instalar

Antes de crear un túnel de desarrollo, primero debe descargar e instalar la devtunnel herramienta cli (interfaz de la línea de comandos) que corresponde al sistema operativo.

Administrador de paquetes de Windows (winget)

Puede usar winget, el administrador de paquetes de Microsoft para Windows, para instalar y actualizar la devtunnel CLI.

winget install Microsoft.devtunnel

Este comando instala la versión más reciente de forma predeterminada y quita la versión anterior en la misma ubicación, que es %LOCALAPPDATA%\Microsoft\WinGet\Packages. Para especificar una versión, agregue --version <version_number> con la versión deseada al comando .

winget upgrade Microsoft.devtunnel

Script de PowerShell

También puede instalar la devtunnel CLI mediante PowerShell y ejecutar el siguiente comando:

Invoke-WebRequest -Uri https://aka.ms/TunnelsCliDownload/win-x64 -OutFile devtunnel.exe
.\devtunnel.exe -h

Vínculo de descarga directa:

Windows (x64): https://aka.ms/TunnelsCliDownload/win-x64

Ejecute comandos con devtunnel en lugar de ./devtunnel:

  1. Presione la tecla Windows y escriba "Variables de entorno".
  2. Seleccione la opción "Editar las variables de entorno del sistema".
  3. Seleccione "Variables de entorno...". botón.
  4. Allí verá dos tablas, en la tabla "Variables del sistema", busque y seleccione la variable "PATH".
  5. Seleccione el botón "Editar...".
  6. Debería aparecer una ventana. Seleccione el botón "Nuevo".
  7. Introduzca la ruta del directorio de su archivo devtunnel.exe (es decir, excluya el nombre del archivo en la ruta).
  8. Para buscar la cadena de directorio, puede ir al directorio en PowerShell o terminal y escribir "pwd")
  9. Seleccione "Aceptar" en todas las ventanas abiertas y reinicie la terminal de comandos.

Iniciar sesión

Para iniciar un túnel de desarrollo, primero debe iniciar sesión con un identificador de Microsoft Entra, Microsoft o una cuenta de GitHub. Los túneles dev no admiten el hosting de túneles de forma anónima para obtener más información, eche un vistazo a la documentación de referencia de comandos de la CLI.

devtunnel user login

Anfitrión

Una vez que haya iniciado sesión, puede empezar a hospedar un túnel de desarrollo mediante el host comando . En el ejemplo siguiente, los túneles de desarrollo harán lo siguiente:

  • Ejecute un servidor local en el puerto 8080 que replica las solicitudes enviadas.
  • Hospede un túnel de desarrollo para el puerto 8080 local al que se puede acceder a Internet.
# Start a http server on port 8080
devtunnel echo http -p 8080
# Tunnel port 8080
devtunnel host -p 8080

Un comando correcto host imprime algo similar al ejemplo siguiente en la consola.

Connecting to host tunnel relay wss://usw2-data.rel.tunnels.api.visualstudio.com/api/v1/Host/Connect/<tunnel_id>
Hosting port 8080 at https://<tunnel_id>.usw2.devtunnels.ms:8080/, https://<tunnel_id>-8080.usw2.devtunnels.ms/ and inspect it at https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/
Ready to accept connections for tunnel: <tunnel_id>

El texto impreso contiene:

  • tunnel_id : identificador del túnel de desarrollo.
  • Dirección URL pública: la dirección URL, que se puede usar para acceder al túnel de desarrollo, https://<tunnel_id>.usw2.devtunnels.ms:8080/ en este ejemplo.
  • Inspeccionar dirección URL: la dirección URL que puede usar para inspeccionar el tráfico enviado a través del túnel dev en, https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/ en este ejemplo.

Conexión

Para conectarse al túnel de desarrollo, debe:

  1. Visite esta dirección URL en un explorador web.
  2. Inicie sesión con la misma cuenta que usó para hospedar el túnel de desarrollo. De forma predeterminada, los túneles de desarrollo solo son accesibles para usted.

¡Felicidades! Ahora puede acceder al servicio local a través de Internet.

Pasos siguientes