VSCodeで踏み台サーバ経由で接続したリモートサーバ上のファイルをエクスプローラー表示する

やりたいこと

VSCode上で、踏み台サーバ経由で接続したリモートサーバ上のファイルを直接エクスプローラー画面から開いて作業できるように設定を行う。

前提条件

• 作業マシン: Windows 10
• リモートサーバへの接続に必要な公開鍵・秘密鍵のペアが既に作成済みで且つ、接続先サーバへ設定済みである事

手順

devサーバへSSHコマンドで入れるように設定する

まずは、devサーバへSSHコマンドで入れるように設定を行います。

~/.ssh 配下に、以下の内容でconfigファイルを作成します(すでに存在する場合は編集・追記)。

# 踏み台サーバの接続情報
Host bastion
    HostName xxx.xxx.xxx.xxx
    Port 22
    User keso_keso
    IdentityFile ~\.ssh\id_rsa
# 踏み台を経由して接続するサーバの接続情報
Host dev
    HostName xxx.xxx.xxx.xxx
    User keso_keso
    IdentityFile ~\.ssh\id_rsa
    ProxyCommand ssh -CW %h:%p bastion

以下のコマンドで dev サーバにログインできるようになればOKです。

ssh dev

拡張機能「SSH」インストール

次に、以下の拡張機能をVSCodeにインストールします。

settings.jsonを編集

コマンドパレットを開き、>基本設定：ユーザ設定を開く(JSON) をクリックします。
settings.jsonが表示されたら、以下を追記します。

{
	"remote.SSH.configFile": "~\\.ssh\\config",
	"remote.SSH.remotePlatform": {
			"bastion": "linux",
			"dev": "linux"
	},
}

SSH接続の確認

上記手順で拡張機能「SSH」のインストールが完了していると、VSCodeにタブが新規に追加されます。

SSH TARGETS 内のから dev サーバを選択して右側の 現在のウィンドウで接続 または 新しいウィンドウで接続 を押して、SSH接続されたエクスプローラー画面が表示されればOKです。