Erstellen und Hosten eines Entwicklungstunnels

  • Artikel

Dev Tunnels ist ein leistungsstarkes Tool, um Ihren Localhost sicher im Internet zu öffnen und zu steuern, wer Zugriff hat, damit Sie Ihre Web-Apps und Webhooks von praktisch überall aus problemlos testen und debuggen können. Erstellen, Hosten und Herstellen einer Verbindung mit Ihrem ersten Entwicklungstunnel in Sekunden.

In dieser Schnellstartanleitung erfahren Sie, wie Sie in Sekunden eine Verbindung mit Ihrem ersten Entwicklungstunnel erstellen, hosten und verbinden.

Installieren

Bevor Sie einen Entwicklungstunnel erstellen, müssen Sie zuerst das devtunnel CLI-Tool (Befehlszeilenschnittstelle) herunterladen und installieren, das Ihrem Betriebssystem entspricht.

Windows-Paket-Manager (Winget)

Sie können winget, den Paket-Manager von Microsoft für Windows, verwenden, um die devtunnel CLI zu installieren und zu aktualisieren.

winget install Microsoft.devtunnel

Mit diesem Befehl wird standardmäßig die neueste Version installiert und die ältere Version an demselben Speicherort entfernt, bei dem es sich um %LOCALAPPDATA%\Microsoft\WinGet\Packages handelt. Um eine Version anzugeben, fügen Sie --version <version_number> dem Befehl die gewünschte Version hinzu.

winget upgrade Microsoft.devtunnel

PowerShell-Skript

Sie können die devtunnel CLI auch mit PowerShell installieren und den folgenden Befehl ausführen:

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

Link zum direkten Download:

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

Ausführen von Befehlen anstelle devtunnel von ./devtunnel:

  1. Drücken Sie die Windows-TASTE, und geben Sie "Umgebungsvariablen" ein.
  2. Wählen Sie die Option "Systemumgebungsvariablen bearbeiten" aus.
  3. Wählen Sie die 'Umgebungsvariablen...' aus. Schaltfläche.
  4. Dort werden zwei Tabellen in der Tabelle "Systemvariablen" angezeigt, und wählen Sie die Variable "PATH" aus.
  5. Wählen Sie die Schaltfläche 'Bearbeiten...' aus.
  6. Ein Fenster sollte angezeigt werden. Wählen Sie die Schaltfläche "Neu" aus.
  7. Geben Sie den Verzeichnispfad Ihrer devtunnel.exe-Datei ein (verzeichnis bedeutet, dass der Dateiname vom Pfad ausgeschlossen wird.
  8. Um die Verzeichniszeichenfolge zu finden, können Sie zu dem Verzeichnis in PowerShell oder Terminal navigieren und "pwd" eingeben.
  9. Wählen Sie in allen geöffneten Fenstern "OK" aus, und starten Sie die Eingabeaufforderung neu.

Anmeldung

Um einen Entwicklungstunnel zu starten, müssen Sie sich zuerst mit einem Microsoft Entra-ID-, Microsoft- oder GitHub-Konto anmelden. Dev-Tunnel unterstützen das Anonyme Hosten von Tunneln nicht, um weitere Informationen in der Referenzdokumentation zu CLI-Befehlen zu finden.

devtunnel user login

Host

Nach der Anmeldung können Sie mit dem Befehl mit dem host Hosten eines Dev-Tunnels beginnen. Im folgenden Beispiel werden Entwicklertunnel wie folgt ausgeführt:

  • Führen Sie einen lokalen Server am Port 8080 aus, der an ihn gesendete Anforderungen angibt.
  • Hosten Sie einen Entwicklungstunnel für den lokalen Port 8080 , der für das Internet zugänglich ist.
# Start a http server on port 8080
devtunnel echo http -p 8080
# Tunnel port 8080
devtunnel host -p 8080

Ein erfolgreicher host Befehl druckt etwas ähnliches wie im folgenden Beispiel in der Konsole.

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>

Der gedruckte Text enthält:

  • tunnel_id - Die ID des Entwicklungstunnels.
  • Öffentliche URL – Die URL, die für den Zugriff auf Ihren Dev-Tunnel verwendet werden kann, https://<tunnel_id>.usw2.devtunnels.ms:8080/ in diesem Beispiel.
  • Inspect URL : The URL you can use to inspect the traffic sent across the dev tunnel in, https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/ in this example.

Verbinden

Um eine Verbindung mit dem Dev-Tunnel herzustellen, müssen Sie:

  1. Besuchen Sie diese URL in einem Webbrowser.
  2. Melden Sie sich mit demselben Konto an, das Sie zum Hosten des Dev-Tunnels verwendet haben. Standardmäßig sind Entwicklertunnel nur für Sie zugänglich.

Herzlichen Glückwunsch! Sie können jetzt über das Internet auf Ihren lokalen Dienst zugreifen.

Nächste Schritte