🌇

【AWS】VSCodeからEC2クラウドにSSH接続する

2023/07/01に公開

はじめに

VSCodeからEC2で立ち上げたサーバーに接続する方法を学習しましたので執筆します。

項目 内容
対象者 ・VSCodeからEC2に接続する方法を知らない方
伝えたい内容 ・VSCodeからEC2に接続する方法
前提条件 ・AWSのアカウント作成済み
・Windows
・EC2でサーバー構築済み

VSCodeからSSH接続

1. サーバーを起動する

目的のサーバーのインスタンス状態が実行中にである事確認します。
次に、インスタンスIDのリンクをクリックしページ遷移します。
vscode-ssh-step1

2. 接続に関する情報の確認する

接続ボタンをクリックし、詳細ページに遷移します。
vscode-ssh-step2

3. SSHコマンドのコピーする

SSHクライアントをクリックし、SSHコマンドをコピーします
vscode-ssh-step3

  • Q: SSHコマンドの意味とは?
    • A: ssh -i "秘密鍵のファイルパス" ユーザー名@ホスト名

4. 秘密鍵のファイルパスの変更する

.ssh/配下にある秘密鍵のパスに変更します。

5. VSCodeに拡張機能の追加する

拡張機能の検索欄からsshと検索しインストールして下さい。
vscode-ssh-step4

6. SSHコマンドの実行する

画面左側のパソコンマークをクリックし
SSHと書かれているバーのをクリックし
入力欄が表示されるため、先ほどのSSHコマンドを入力し実行する
vscode-ssh-step5

vscode-ssh-step6

7. configファイルの指定する

自分の名前のファイルのconfigファイルを選択し、接続情報を記録します。
vscode-ssh-step7

8. SSH接続を開始

右下のポップアップの接続ボタンをクリックすると、接続が開始されます。
vscode-ssh-step8

9. OSの選択する

今回は、ubuntuなのでLinuxを選択します。
選択後、少しロードが行われて接続が完了します。
vscode-ssh-step9

SSH接続の確認

1. アイコンで接続状態を確認する

画面左側のSSHアイコンのが緑色に変化を確認する
vscode-ssh-step10

2. 接続先のファイルを開く

ファルダーを開くをクリックし、
パスを確認し、OKをクリックすると、接続先のファイルを確認出来ます。
vscode-ssh-step11

OKをクリック後、ファイルの作成者に信頼しますか?と尋ねられるので
信頼しますと選択してください。
vscode-ssh-step12
信頼を確認後、下記の画像のように接続先のサーバーのファイル構成が確認が出来ます。

vscode-ssh-step13

おわりに

EC2のロゴを見たらこの(🌇)emojiにも似ているなと思いました。

GitHubで編集を提案

Discussion