ポートフォワーディング

ポートフォワーディングのサポートは、拡張機能を必要とせずに Microsoft dev tunnels を介して Visual Studio Code に組み込まれています。ローカルの Web サービスを実行している場合、[ポート] ビューを使用して、インターネット経由で他の人がサービスにアクセスできるようにすることができます。

ポートフォワーディングの使用方法

まず、転送するサービスが必要です。まだサービスがなく、Node.js がインストールされている場合は、このコマンドを実行してポート 3000 でサーバーを起動できます。

npx serve

次に、パネル領域の [ポート] ビューに移動し ([ポート: ポート ビューにフォーカス])、[ポートを転送] を選択します。

以前に GitHub でログインしたことがない場合は、サインインするように求められます。次に、転送したいポートを入力します。上記のコマンドを使用する場合のデフォルトポートは 3000 です。これを実行すると、ポートフォワーディングが開始され、[ポート] ビューが更新されて、転送したポートとその [転送アドレス] が表示されます。

[転送アドレス] にカーソルを合わせると、インライン アクションを使用してアドレスをコピーしたり、ブラウザーで開いたり、エディター内のプレビューで開いたりできます。

デフォルトでは、転送されたポートは [プライベート] です。URL にアクセスすると、VS Code でポートフォワーディングプロセスを開始するために使用したのと同じ GitHub アカウントでサインインする必要があります。ポートを右クリックして [ポートの可視性] > [パブリック] を選択すると、可視性を変更できます。[パブリック] ポートはサインインを必要としません。

よくある質問

リモートマシンに接続している場合、ローカルサービスをどのように転送しますか?

ポートフォワーディングは現在、ローカルで実行されているサービスのみを公開します。リモート接続はまだサポートされていませんが、将来的にはこの機能を追加する予定です。

シナリオによっては、VS Code Remote - Tunnels 拡張機能を使用してリモートマシンにトンネル接続することをお勧めします。詳細については、Remote - Tunnels のドキュメント を参照してください。

転送されたポートはどのように保護されますか?

デフォルトでは、トンネルのホスティングと接続の両方で、それぞれの側で同じ GitHub または Microsoft アカウントによる認証が必要です。どちらの場合も、VS Code は Azure でホストされているサービスへのアウトバウンド接続を行います。通常、ファイアウォールの変更は必要なく、VS Code はネットワークリスナーを設定しません。

基盤となる dev tunnels サービスのセキュリティ について詳しく学んでください。

ポートフォワーディングにはどのような制限がありますか?

使用される帯域幅の量と、ポートフォワーディングで使用できるアクティブなマシンの数の両方に制限があり、これらは時間とともに変更される可能性があります。トンネルの使用制限 の詳細をお読みください。

組織全体でポリシーを構成できますか?

ポートフォワーディングへのアクセスを制御したい組織に所属している場合は、ドメイン global.rel.tunnels.api.visualstudio.com へのアクセスを許可または拒否することで、それを実行できます。

Windows デバイスを実行しているユーザー向けに、dev tunnels のグループポリシー設定を構成して展開することもできます。詳細については、dev tunnels のドキュメント を参照してください。