こんにちはフロントエンドエンジニアのまさにょんです!
今回は、VSCodeでSSHを使用してリモートサーバーに接続する方法について解説します。
目次
まずは通常のSSH接続ができるかどうかを確認する
VSCodeで、SSH接続の設定をする前に、まず通常のSSH接続ができるかどうかを確認しましょう。
ターミナルまたは、コマンドプロンプトなどで、ssh コマンドで接続したいリモートサーバーに接続できるかどうかを試します。
# ssh remote_username@remote_host の形で、sshコマンドを実行する!
ssh robotama@192.168.101.222
上記のように、ssh リモートユーザー名@リモートホスト名 と実行すると、Passwordを求められるので、入力してEnterをします。
成功すれば、リモートサーバーに接続して、CUI上でリモートサーバー内でコマンド操作ができるようになります。
ここまで成功すれば、次の3点が正確でありリモートサーバーとの接続が、無事にできる状態であることがわかります。
- リモートホスト名
- リモートユーザー名
- SSH接続のためのPassword
VSCodeでSSHを使用してリモートサーバーに接続する
続いて、本題のVSCodeでSSHを使用してリモートサーバーに接続するを実施していきます。
VSCode の SSH接続の拡張機能を入れる
まずは「Remote – SSH」と言うMicrosoftがリリースしている拡張機能があるので、これをインストールします。
SSHのVSCode設定ファイル(config)にSSH情報を記述する
拡張機能のインストールが完了したら、左側のサイドバーに「Remote – SSH」のアイコンが増えているので、これをClickします。
すると次の画像のような画面になるはずなので、
選択できるタブの欄を「SSHターゲット」にして歯車マーク(設定)をClickします。
SSHのconfigファイルを指定して、開きます。
このSSHのconfigファイルにリモードサーバーとの接続のために必要な情報を記述します。
### Remote-Server-Config ###
Host 192.168.100.222
HostName 192.168.101.222
User robotama
Port 22
configファイルにRemote-ServerとのSSH接続のための情報を入力するとSSHターゲットにリモートサーバーの情報が登場します。
右側にあるプラスディレクトリ・マークを選択して新しいWindowでホストに接続します。
あとは、新しく立ち上がったリモートサーバーのWindowでSSH接続のためのパスワードを入力して、接続が成功すれば、完了です。
Twitterやってます!Follow Me!
神聖グンマー帝国の逆襲🔥
神聖グンマー帝国の科学は、世界一ぃぃぃぃぃぃ!!!!!