☁️

[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