Freigeben über

Erstellen und Hosten eines Entwicklungstunnels

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, Microsoft Paket-Manager für Windows, verwenden, um die devtunnel CLI zu installieren und zu aktualisieren.

winget install Microsoft.devtunnel

Dieser Befehl installiert standardmäßig die neueste Version und entfernt die ältere Version an demselben Speicherort, der %LOCALAPPDATA%\Microsoft\WinGet\Packages ist. Um eine Version anzugeben, fügen Sie die gewünschte Version mit --version <version_number> zum Befehl 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

Befehle mit devtunnel statt ./devtunnel ausführen

  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 Schaltfläche 'Umgebungsvariablen...' aus.
  4. Dort sehen Sie zwei Tabellen. In der Tabelle 'Systemvariablen' finden 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, den Dateinamen aus dem Pfad auszuschließen.
  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.

Anmelden

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. Weitere Informationen finden Sie in der Cli-Befehlsreferenzdokumentation .

devtunnel user login

Gastgeber

Nach der Anmeldung können Sie mit dem host-Befehl das Hosten eines Entwicklungstunnels beginnen. Im folgenden Beispiel werden Entwicklertunnel folgendermaßen eingerichtet:

  • Führen Sie einen lokalen Server auf Port 8080 aus, der ihm gesendete Anfragen wiedergibt.
  • 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.
  • URL überprüfen - Die URL, die Sie verwenden können, um den Datenverkehr zu inspizieren, der über den Entwicklungs-Tunnel gesendet wird, https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/ in diesem Beispiel.

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.

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

Nächste Schritte

  • Last updated on