Creare e ospitare un tunnel di sviluppo

  • Articolo

I tunnel di sviluppo sono uno strumento potente per aprire in modo sicuro localhost a Internet e controllare chi ha accesso, in modo da poter testare ed eseguire facilmente il debug delle app Web e dei webhook da qualsiasi posizione. Creare, ospitare e connettersi al primo tunnel di sviluppo in pochi secondi.

In questa guida introduttiva si apprenderà come creare, ospitare e connettersi al primo tunnel di sviluppo in pochi secondi.

Installare

Prima di creare un tunnel di sviluppo, è necessario scaricare e installare lo strumento dell'interfaccia della devtunnel riga di comando (interfaccia della riga di comando) corrispondente al sistema operativo.

Gestione pacchetti Windows (winget)

È possibile usare winget, gestione pacchetti di Microsoft per Windows, per installare e aggiornare l'interfaccia della devtunnel riga di comando.

winget install Microsoft.devtunnel

Questo comando installa la versione più recente per impostazione predefinita e rimuove la versione precedente nello stesso percorso, ovvero %LOCALAPPDATA%\Microsoft\WinGet\Packages. Per specificare una versione, aggiungere --version <version_number> con la versione desiderata al comando .

winget upgrade Microsoft.devtunnel

Script di PowerShell

È anche possibile installare l'interfaccia della devtunnel riga di comando usando PowerShell ed eseguire il comando seguente:

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

Collegamento per il download diretto:

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

Eseguire i comandi con devtunnel invece di ./devtunnel:

  1. Premere il tasto Windows e digitare "Variabili di ambiente".
  2. Selezionare l'opzione "Modifica le variabili di ambiente di sistema".
  3. Selezionare "Variabili di ambiente..." Pulsante.
  4. Nella tabella 'Variabili di sistema' vengono visualizzate due tabelle, trovare e selezionare la variabile 'PATH'.
  5. Selezionare il pulsante 'Modifica...'.
  6. Verrà visualizzata una finestra. Selezionare il pulsante "Nuovo".
  7. Digitare il percorso della directory del file devtunnel.exe (directory significa escludere il nome del file dal percorso.
  8. Per trovare la stringa di directory, è possibile passare alla directory in PowerShell o nel terminale e digitare 'pwd')
  9. Selezionare "Ok" in tutte le finestre aperte e riavviare il prompt dei comandi.

Account di accesso

Per avviare un tunnel di sviluppo, è prima necessario accedere con un account Microsoft Entra ID, Microsoft o GitHub. I tunnel di sviluppo non supportano i tunnel di hosting in modo anonimo per altre informazioni, vedere la documentazione di riferimento sui comandi dell'interfaccia della riga di comando.

devtunnel user login

Host

Dopo aver eseguito l'accesso, è possibile avviare l'hosting di un tunnel di sviluppo usando il host comando . Nell'esempio seguente i tunnel di sviluppo saranno:

  • Eseguire un server locale sulla porta 8080 che restituisce le richieste inviate.
  • Ospitare un tunnel di sviluppo per la porta 8080 locale accessibile a Internet.
# Start a http server on port 8080
devtunnel echo http -p 8080
# Tunnel port 8080
devtunnel host -p 8080

Un comando riuscito host stampa qualcosa di simile all'esempio seguente nella console.

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>

Il testo stampato contiene:

  • tunnel_id - ID del tunnel di sviluppo.
  • URL pubblico: URL che può essere usato per accedere al tunnel di sviluppo, https://<tunnel_id>.usw2.devtunnels.ms:8080/ in questo esempio.
  • Inspect URL (Ispeziona URL): l'URL che è possibile usare per controllare il traffico inviato attraverso il tunnel di sviluppo in https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/ , in questo esempio.

Connessione

Per connettersi al tunnel di sviluppo, è necessario:

  1. Visitare questo URL in un Web browser.
  2. Accedere usando lo stesso account usato per ospitare il tunnel di sviluppo. Per impostazione predefinita, i tunnel di sviluppo sono accessibili solo all'utente.

Complimenti. È ora possibile accedere al servizio locale tramite Internet.

Passaggi successivi