次の方法で共有

Visual Studio Code でサーバーまたはターミナルを共有する

  • [アーティクル]

Visual Studio Code でコラボレーション セッション ホストとしてサーバーまたはターミナルを共有する

サーバーを共有する

コラボレーション セッション ホストは、Web アプリケーションや、ローカル環境で実行されているサーバーまたはサービスを、ゲストと共有したい場合があります。 他の RESTful エンドポイントから、データベースや他のサーバーまで、その対象になる可能性があります。 Visual Studio Live Share では、ローカル ポート番号を指定し、必要に応じて名前を付けてから、すべてのゲストと共有することができます。

その後、ゲストは、そのポートで共有されているサーバーに、自分のローカル コンピューターから同じポートでアクセスすることができます。 たとえば、ポート 3000 で実行されている Web サーバーを共有する場合、ゲストは自分のコンピューターの http://localhost:3000. で、その同じ実行中の Web サーバーにアクセスできます

この接続は、ホストとゲストの間の強化されたセキュリティ SSH または SSL トンネルを介して行われ、サービスを通して認証されます。 この接続メカニズムは、コラボレーション セッションのユーザーだけがアクセスできるようにするのに役立ちます。

ヒント

ホストは、ゲストと共有するポートをよく考えて選択する必要があります。 (システム ポートを共有するのではなく) アプリケーション ポートを維持します。 ゲストから見ると、共有ポートは、サーバーやサービスがゲストのコンピューターで実行している場合とまったく同じように動作します。 この動作は便利ですが、間違ったポートを共有した場合、危険になる可能性があります。

セキュリティ上の理由から、他のゲストは指定されたポートで実行されているサーバーだけを使用できます。 コラボレーション セッション ホストは、簡単に追加できます。 その方法は次のとおりです。

  1. [Live Share] タブまたは Live Share の [エクスプローラー] タブで、[共有サーバー] 項目またはボタンを選択します。

    Screenshot that shows the Share server button.

  2. サーバーが実行されているポートの番号を入力します。 必要に応じて、名前を入力します。

    Screenshot that shows the port number prompt.

これで完了です。 指定したポートのサーバーが、各ゲストの localhost の同じポートにマップされます (そのポートが既に使用されていない場合)。

ポートがゲストのコンピューターで既に使用されている場合、別のポートが自動的に選択されます。 ゲストは、Live Share の [エクスプローラー] タブまたは [VS Live Share] タブで、共有ポートの一覧を表示できます (指定されている場合は名前で)。一覧は [共有サーバー] の下にあります。 ポートを選択すると、そのサーバーがブラウザーで開かれます。 また、右クリックしてオプションを選択し、サーバーへのリンクをクリップボードにコピーすることもできます。

Screenshot that shows the Shared Servers list.

セキュリティ上の理由から、ゲストは、ホストのコンピューターで共有されるポートを制御できません。

ホストは、[共有サーバー] の一覧でサーバー項目をポイントし、[サーバーの共有解除] ボタンを選択することで、ローカル サーバーの共有を停止できます。

Screenshot that shows the Unshare server button.

ターミナルを共有する

最近の開発者は、さまざまなコマンド ライン ツールを使用することがよくあります。 Live Share を使用すると、ホストはゲストとターミナルを共有できます。 共有されたターミナルは、読み取り専用または完全な共同作業用にできるので、ホストとゲストはコマンドの実行と結果の確認を行うことができます。 ゲストに対してターミナルの出力を表示できます。 また、テストやビルドの実行、さらにはホストのコンピューターでしか発生しない環境固有の問題のトリアージを、ゲストができるようにすることもできます。

ターミナルによりゲストは (自分でコマンドを実行できない場合でも) 少なくともホストが実行したコマンドの出力に読み取り専用でアクセスできるようになるため、既定では、ターミナルは共有されません。 この既定の構成を使用すると、ローカル ターミナルでのコマンド実行のリスクを軽減し、必要な場合にのみ共有することができます。 また、共有ターミナルを開始できるのはホストだけです。 この制限により、ゲストがターミナルを起動して、望ましくない処理を実行するのを、防ぐことができます。

ホストは、[Live Share] または Live Share の [エクスプローラー] タブから、ターミナルを共有できます。[ターミナルの共有] 項目またはボタンを選択します。

Screenshot that shows the Share terminal button.

この時点で、ターミナルを読み取り専用にするか、読み書き可能にするかを選択できます。 ターミナルが読み書き可能のときは、ホストを含むすべてのユーザーがターミナルに入力できます。 そのため、ホストは、ゲストが好ましくないことを行っている場合に簡単に介入できます。

安全のため、"本当に必要な場合にのみゲストに読み書きアクセス権を付与する" 必要があります。 ゲストには実行したコマンドの出力を見せるだけにしたい場合は、読み取り専用ターミナルのままにします。 読み書きアクセス権によって、ゲストにはホストがターミナルに対して所有しているのと同じアクセス権が付与されることに注意してください。 ホストが自分のコンピューターで実行できるすべてのコマンドを、ゲストも実行できます。

Note

コラボレーション セッションが読み取り専用モードの場合は、ホストが共有できるのは読み取り専用ターミナルだけです。

Screenshot that shows the Read-only and Read/write choices for access level.

開始する共有ターミナルの種類を選択すると、Visual Studio Code の [ターミナル] タブに新しい共有ターミナルが表示されます。

Screenshot that shows the Terminal tab in Visual Studio Code.

複数のターミナルが共有されている場合、またはフォーカスが別のタブにある場合は、[共有ターミナル] の一覧のエントリを選択することで、ターミナルにフォーカスを移動できます。

Screenshot that shows the Shared Terminals list.

ターミナル セッションを終了するには、「exit」と入力するか、ターミナル ウィンドウを閉じるか、Live Share の [エクスプローラー] タブまたは [Live Share] タブの [Unshare terminal]\(ターミナルの共有解除\) を選択します。これで、すべてのユーザーが切断されます。

次のステップ

詳細については、次の記事をご確認ください。

問題が発生していますか? トラブルシューティングまたはフィードバックの送信に関するページをご覧ください。