Een dev-tunnel maken en hosten

Dev-tunnels is een krachtig hulpprogramma om uw localhost veilig te openen op internet en te bepalen wie er toegang heeft, zodat u eenvoudig uw web-apps en webhooks vanaf vrijwel elke locatie kunt testen en er fouten in kunt opsporen. Maak, host en maak binnen enkele seconden verbinding met uw eerste dev-tunnel.

In deze quickstart leert u hoe u binnen enkele seconden uw eerste ontwikkeltunnel maakt, host en er verbinding mee maakt.

Installeren

Voordat u een dev-tunnel maakt, moet u eerst het devtunnel CLI-hulpprogramma (Opdrachtregelinterface) downloaden en installeren dat overeenkomt met uw besturingssysteem.

Windows Pakketbeheer (winget)

U kunt winget, Microsoft package manager voor Windows gebruiken om de devtunnel CLI te installeren en bij te werken.

winget install Microsoft.devtunnel

Met deze opdracht wordt standaard de nieuwste versie geïnstalleerd en wordt de oudere versie op dezelfde locatie verwijderd. Dit is %LOCALAPPDATA%\Microsoft\WinGet\Packages. Als u een versie wilt opgeven, voegt u de gewenste versie toe --version <version_number> aan de opdracht.

winget upgrade Microsoft.devtunnel

PowerShell-script

U kunt de devtunnel CLI ook installeren met behulp van PowerShell en de volgende opdracht uitvoeren:

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

Koppeling voor direct downloaden:

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

Opdrachten uitvoeren met devtunnel in plaats van ./devtunnel:

  1. Druk op de Windows-toets en typ 'Omgevingsvariabelen'.
  2. Selecteer de optie 'De omgevingsvariabelen van het systeem bewerken'.
  3. Selecteer de knop 'Omgevingsvariabelen...'
  4. Daar ziet u twee tabellen, in de tabel Systeemvariabelen, de variabele PATH zoeken en selecteren.
  5. Selecteer de knop Bewerken....
  6. Er zou een venster moeten verschijnen. Selecteer de knop Nieuw.
  7. Typ het mappad van uw devtunnel.exe bestand (map betekent dat de bestandsnaam van het pad wordt uitgesloten.
  8. Als u de maptekenreeks wilt vinden, gaat u naar de map in PowerShell of terminal en typt u 'pwd')
  9. Selecteer Ok in alle geopende vensters en start de opdrachtprompt opnieuw.

Aanmelden

Als u een dev-tunnel wilt starten, moet u zich eerst aanmelden met een Microsoft Entra ID-, Microsoft- of GitHub-account. Dev-tunnels bieden geen ondersteuning voor het anoniem hosten van tunnels. Zie de naslagdocumentatie voor CLI-opdrachten voor meer informatie.

devtunnel user login

Gastheer

Zodra u bent aangemeld, kunt u beginnen met het hosten van een dev-tunnel met behulp van de host opdracht. In het onderstaande voorbeeld zullen dev tunnels het volgende doen:

  • Voer een lokale server uit op de poort 8080 die aanvragen weergeeft die naar de server worden verzonden.
  • Host een dev-tunnel voor de lokale poort 8080 die toegankelijk is voor internet.
# Start a http server on port 8080
devtunnel echo http -p 8080
# Tunnel port 8080
devtunnel host -p 8080

Met een geslaagde host opdracht wordt iets afgedrukt dat vergelijkbaar is met het volgende voorbeeld naar de 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>

De afgedrukte tekst bevat:

  • tunnel_id - De ID van de ontwikkeltunnel.
  • Openbare URL: de URL, die kan worden gebruikt voor toegang tot uw dev-tunnel, https://<tunnel_id>.usw2.devtunnels.ms:8080/ in dit voorbeeld.
  • Inspecteer URL - De URL die u kunt gebruiken om het verkeer dat via de dev-tunnel wordt verzonden, te inspecteren in dit voorbeeld https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/.

Verbinden

Als u verbinding wilt maken met de dev-tunnel, moet u het volgende doen:

  1. Bezoek deze URL in een webbrowser.
  2. Meld u aan met hetzelfde account als dat u hebt gebruikt om de dev-tunnel te hosten. Dev-tunnels zijn standaard alleen toegankelijk voor u.

Gefeliciteerd! U hebt nu toegang tot uw lokale service via internet.

Volgende stappen

  • Last updated on