Share via

開発トンネルを作成してホストする

  • [アーティクル]

開発トンネルは、ローカル ホストをインターネットに安全に公開し、アクセス権を持つユーザーを制御するための強力なツールです。そのため、Web アプリや Webhook を事実上どこからでも簡単にテストしてデバッグできます。 数秒で最初の開発トンネルを作成、ホスト、接続します。

このクイック スタートでは、最初の開発トンネルを作成、ホスト、接続する方法を数秒で学習します。

インストール

開発トンネルを作成する前に、まず、オペレーティング システムに対応する devtunnel CLI (コマンド ライン インターフェイス) ツールをダウンロードしてインストールする必要があります。

Windows パッケージ マネージャー (winget)

Microsoft の Windows 用のパッケージ マネージャーである winget を使用して、devtunnel CLI をインストールおよび更新できます。

winget install Microsoft.devtunnel

このコマンドにより、既定で最新バージョンがインストールされ、同じ場所 (%LOCALAPPDATA%\Microsoft\WinGet\Packages) にある古いバージョンが削除されます。 バージョンを指定するには、目的のバージョンを設定した --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 を使用してコマンドを実行します。

  1. Windows キーを押し、「環境変数」と入力します。
  2. [システム環境変数の編集] オプションを選択します。
  3. [環境変数...] ボタンを選択します。
  4. [システム変数] テーブルに 2 つのテーブルが表示され、'PATH' 変数を見つけて選択します。
  5. [編集...] ボタンを選択します。
  6. ウィンドウがポップアップ表示されます。 [新規] ボタンを選択します。
  7. devtunnel.exe ファイルのディレクトリ パスを入力します (ディレクトリはパスからファイル名を除いたものです。
  8. ディレクトリ文字列を検索するには、PowerShell またはターミナルでディレクトリに移動し、「pwd」と入力します)。
  9. 開いているすべてのウィンドウで [OK] を選択し、コマンド プロンプトを再起動します。

ログイン

開発トンネルを開始するには、まず Microsoft Entra ID、Microsoft、または GitHub アカウントでログインする必要があります。 開発トンネルでは、匿名でのトンネルのホストはサポートされていません。詳細については、CLI コマンド リファレンスドキュメントを参照してください。

devtunnel user login

Host

ログインしたら、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。

接続

開発トンネルに接続するには、次の手順を実行する必要があります。

  1. Web ブラウザーでこの URL にアクセスします。
  2. 開発トンネルのホストに使用したのと同じアカウントを使用してログインします。 既定では、開発トンネルには自分のみがアクセスできます。

お疲れさまでした。 これで、インターネット経由でローカル サービスにアクセスできるようになりました。

次のステップ