Dev トンネルは、ローカル ホストをインターネットに安全に開き、アクセス権を持つユーザーを制御するための強力なツールです。そのため、Web アプリや Webhook を事実上どこからでも簡単にテストおよびデバッグできます。 数秒で最初の開発トンネルを作成、ホスト、接続します。
このクイック スタートでは、最初の開発トンネルを作成、ホスト、接続する方法を数秒で学習します。
取り付ける
開発トンネルを作成する前に、まず、オペレーティング システムに対応する devtunnel CLI (コマンド ライン インターフェイス) ツールをダウンロードしてインストールする必要があります。
Windows パッケージ マネージャー (winget)
Microsoftのパッケージ マネージャーである winget for Windowsを使用して、devtunnel CLI をインストールして更新できます。
winget install Microsoft.devtunnel
このコマンドは、既定で最新バージョンをインストールし、同じ場所にある古いバージョン (\Microsoft\WinGet\Packages) %LOCALAPPDATA%削除します。 バージョンを指定するには、目的のバージョンの --version <version_number> をコマンドに追加します。
winget upgrade Microsoft.devtunnel
PowerShell スクリプト
PowerShell を使用して次のコマンドを実行して、 devtunnel CLI をインストールすることもできます。
Invoke-WebRequest -Uri https://aka.ms/TunnelsCliDownload/win-x64 -OutFile devtunnel.exe
.\devtunnel.exe -h
直接ダウンロード リンク:
Windows (x64) - https://aka.ms/TunnelsCliDownload/win-x64
devtunnelではなく、./devtunnelを使用してコマンドを実行します。
- Windowsキーを押し、「環境変数」と入力します。
- [システム環境変数の編集] オプションを選択します。
- [環境変数...] ボタンを選択します。
- [システム変数] テーブルに 2 つのテーブルが表示され、'PATH' 変数を見つけて選択します。
- [編集...] ボタンを選択します。
- ウィンドウがポップアップ表示されます。 [新規] ボタンを選択します。
- devtunnel.exe ファイルのディレクトリ パスを入力します (ディレクトリはパスからファイル名を除外します。
- ディレクトリ文字列を検索するには、PowerShell またはターミナルでディレクトリに移動し、「pwd」と入力します)。
- 開いているすべてのウィンドウで [OK] を選択し、コマンド プロンプトを再起動します。
ログイン
開発トンネルを開始するには、まず、Microsoft Entra ID、Microsoft、またはGitHub アカウントでログインする必要があります。 開発トンネルでは、トンネルを匿名でホストすることはできません。 詳細については、 CLI コマンド リファレンス ドキュメントを参照してください。
devtunnel user login
ホスト
ログインしたら、 host コマンドを使用して開発トンネルのホストを開始できます。 次の例では、開発トンネルは次のようになります。
- 送信された要求をエコーするポート
8080でローカル サーバーを実行します。 - インターネットからアクセスできるローカル ポート
8080の開発トンネルをホストします。
# Start a http server on port 8080
devtunnel echo http -p 8080
# Tunnel port 8080
devtunnel host -p 8080
成功した host コマンドは、次の例のような内容をコンソールに出力します。
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>
印刷されるテキストには、次のものが含まれます。
-
tunnel_id- 開発トンネルの ID。 - パブリック URL - この例で
https://<tunnel_id>.usw2.devtunnels.ms:8080/、開発トンネルへのアクセスに使用できる URL。 - [URL の検査] - この例で
https:/<tunnel_id>-8080-inspect.usw2.devtunnels.ms/、開発トンネルを経由して送信されたトラフィックを検査するために使用できる URL。
接続する
開発トンネルに接続するには、次の手順を実行する必要があります。
- Web ブラウザーでこの URL にアクセスします。
- 開発トンネルのホストに使用したのと同じアカウントを使用してログインします。 既定では、開発トンネルにはユーザーのみがアクセスできます。
おめでとうございます! これで、インターネット経由でローカル サービスにアクセスできるようになりました。