Skapa och vara värd för en utvecklingstunnel

  • Artikel

Dev tunnlar är ett kraftfullt verktyg för att på ett säkert sätt öppna din localhost till Internet och styra vem som har åtkomst, så att du enkelt kan testa och felsöka dina webbappar och webhooks från praktiskt taget var som helst. Skapa, värdhantera och anslut till din första utvecklingstunnel på några sekunder.

I den här snabbstarten får du lära dig hur du skapar, är värd för och ansluter till din första utvecklingstunnel på några sekunder.

Installera

Innan du skapar en utvecklingstunnel måste du först ladda ned och installera devtunnel CLI-verktyget (kommandoradsgränssnittet) som motsvarar operativsystemet.

Windows Package Manager (winget)

Du kan använda winget, Microsofts pakethanterare för Windows, för att installera och uppdatera devtunnel CLI.

winget install Microsoft.devtunnel

Det här kommandot installerar den senaste versionen som standard och tar bort den äldre versionen på samma plats, som är %LOCALAPPDATA%\Microsoft\WinGet\Packages. Om du vill ange en version lägger du till --version <version_number> med önskad version i kommandot .

winget upgrade Microsoft.devtunnel

PowerShell-skript

Du kan också installera devtunnel CLI med hjälp av PowerShell och köra följande kommando:

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

Direkt nedladdningslänk:

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

Kör kommandon med devtunnel i stället för ./devtunnel:

  1. Tryck på Windows-tangenten och skriv "Miljövariabler".
  2. Välj alternativet "Redigera systemmiljövariablerna".
  3. Välj "Miljövariabler..." Knappen.
  4. Där ser du två tabeller i tabellen Systemvariabler och letar upp och väljer variabeln PATH.
  5. Välj knappen Redigera....
  6. Ett fönster bör dyka upp. Välj knappen "Nytt".
  7. Skriv katalogsökvägen för filen devtunnel.exe (katalog innebär att filnamnet undantas från sökvägen.
  8. Om du vill hitta katalogsträngen kan du navigera till katalogen i PowerShell eller terminalen och skriva "pwd")
  9. Välj Ok i alla öppna fönster och starta om kommandotolken.

Inloggning

För att starta en utvecklingstunnel måste du först logga in med antingen ett Microsoft Entra-ID, Microsoft eller GitHub-konto. Dev-tunnlar stöder inte värdtunnlar anonymt för mer information, ta en titt på CLI-kommandoreferensdokumentationen.

devtunnel user login

Host

När du har loggat in kan du börja vara värd för en utvecklingstunnel med hjälp av host kommandot . I exemplet nedan kommer utvecklingstunnlar att:

  • Kör en lokal server på en port 8080 som ekar begäranden som skickas till den.
  • Värd för en utvecklingstunnel för den lokala port 8080 som är tillgänglig för Internet.
# Start a http server on port 8080
devtunnel echo http -p 8080
# Tunnel port 8080
devtunnel host -p 8080

Ett lyckat host kommando skriver ut något som liknar följande exempel i konsolen.

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>

Den tryckta texten innehåller:

  • tunnel_id - ID:t för utvecklingstunneln.
  • Offentlig URL – URL:en, som kan användas för att komma åt utvecklingstunneln, https://<tunnel_id>.usw2.devtunnels.ms:8080/ i det här exemplet.
  • Inspektera URL – DEN URL som du kan använda för att inspektera trafiken som skickas över utvecklingstunneln i i https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/ det här exemplet.

Anslut

Om du vill ansluta till utvecklingstunneln måste du:

  1. Besök den här URL:en i en webbläsare.
  2. Logga in med samma konto som du använde för att vara värd för utvecklingstunneln. Som standard är utvecklingstunnlar endast tillgängliga för dig.

Klar! Nu kan du komma åt din lokala tjänst via Internet.

Nästa steg