1
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VS Code Remote Development を使ってEC2上のコンテナにアッタッチする方法

Last updated at Posted at 2021-02-05

前提: ローカルとEC2にDockerがインストール済み

1. Docker のリモート用ポートを開ける

1-1. リモート側の /etc/docker 配下に daemon.json を作成して、下記を記述する

{"host":["tcp://0.0.0.0:2375","unix:///var/run/docker.sock"]}

1-2. リモート側の /etc/systemd/system 配下に docker.service.d ディレクトリを作成し、その配下に override.conf ファイルを作成して、下記を記述する

[Service]
ExecStart=
ExecStart=/usr/bin/dockerd

1-3. Docker を再起動する

sudo systemctl daemon-reload
sudo systemctl restart docker.service

2. SSHキーを生成する

2-1. ローカルで下記を実行する

ssh-keygen

2-2. パブリックとプライベートのキーペアが生成される

id_rsa
id_rsa.pub

2-3. リモート側の ~/.ssh/authorized_keys に id_rsa.pub を末尾に追加する

※ .ssh ディレクトリ、authorized_keys ファイルがない場合は作成する
cat id_rsa.pub >> ~/.ssh/authorized_keys

2-4. ローカル(~/.ssh)で実行し、プライベートキーを追加する

ssh-add id_rsa

2-5. パスワードなしで、インスタンスに SSH 接続が可能になる

ssh <user>@<host>

3. Dockerコンテキストを生成する

3-1. コンテキストを作成する

docker context create <context name> --docker "host=ssh://<user>@<host>"

3-2. コンテキストを切り替える

docker context use <context name>

4. VS Codeの設定をする

4-1. プラグインをインストールする

・Remote Development
image.png

5. VS Code からEC2上のコンテナに接続する

5-1. VS Code の Remote Explorer にコンテナ名が表示される

5-2. 右クリックで、「Attach to container」 を選択するとコンテナ内のVS Codeが開く

image.png

参照

1
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?