Compartir vía

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

  • Artículo

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.

Instalación

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. Escriba la ruta de acceso del directorio del archivo devtunnel.exe (el directorio significa excluir el nombre de archivo de la ruta de acceso.
  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 el símbolo del sistema.

Inicio de 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 de desarrollo no admiten el hospedaje 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

Host

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

  • Ejecute un servidor local en el puerto 8080 que eco 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 de desarrollo 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, tuneles dev solo son accesibles para usted.

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

Pasos siguientes