はじめに
DockerとVSCodeを使用し、Spring Bootのプロジェクトを動作するための手順をログとして残していきます。
前提事項
以下、設定済みであること
・Dockerが設定済みであること
【開発環境構築】DockerをインストールしてPCにコンテナを作成してみる – SEもりのLog (selifemorizo.com)
・Java/VSCodeが設定済みであること
【開発環境構築】VS CodeでJavaを使用するための環境構築を実施する – SEもりのLog (selifemorizo.com)
・Springプロジェクトを用意
【開発環境構築】VSCodeでSpring Bootを使用するための環境構築から実行まで実施する – SEもりのLog (selifemorizo.com)
VSCodeにDocker拡張機能をインストール
「Docker」拡張機能をVSCodeにインストールする。
「Ctrl + Shift + x」キー、または左タブの拡張機能から「Docker」を検索してインストールを実行する。
![](https://i0.wp.com/selifemorizo.com/wp-content/uploads/2023/11/203dcf33ade8be8bd3a7d057c531ee8a.png?resize=1024%2C402&ssl=1)
フォルダ/ファイル構成を作成する
work
│ docker-compose.yml
└─Test ←作成したSpring Bootプロジェクト
├─.mvn
.
.
├─.vscode
.
.
├─src
.
.
└─target
.
.
docker-compose.ymlを作成する
version: '3'
services:
#Java
java:
container_name: JavaTest
image: openjdk:17
ports:
# 既に使用しているポートは避ける
- 8080:8080
volumes:
- ./Test:/srv:cached
# 用意したSpring Bootプロジェクト
working_dir: /Test
# コンテナが消えないようにtrueを設定
tty: true
Docker-composeコマンドを実行する
最初の実行は少し時間がかかるかもしれません。
-f 以降は自身の作成したファイルのパスを指定してください。
>docker-compose -f \docker-compose.yml up -d
コンテナが作成されたことを確認する
>docker ps
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
f429a31ac5ef openjdk:17 "jshell" 34 minutes ago Up 34 minutes 0.0.0.0:8080->8080/tcp JavaTest
VSCodeでコンテナへ接続
リモートウィンドウを開く
左下の><マークをクリックする。
![](https://i0.wp.com/selifemorizo.com/wp-content/uploads/2023/11/64cf225698cde4ad5c4711f8ca3e08e5.png?resize=479%2C127&ssl=1)
実行中のコンテナにアタッチ
![](https://i0.wp.com/selifemorizo.com/wp-content/uploads/2023/11/6c36b16f8e82b569640ae0982761ebe7.png?resize=607%2C301&ssl=1)
作成したコンテナを選択
選択したコンテナが開かれます。
![](https://i0.wp.com/selifemorizo.com/wp-content/uploads/2023/11/eb0aaf97380bedb7ab474d9d06e9cf40.png?resize=610%2C103&ssl=1)
コンテナ内の拡張機能
初回起動時は、コンテナ内の拡張機能がインストールされるため時間がかかるかもしれません。
私のコンテナ内の拡張機能はこんな感じでした。
![](https://i0.wp.com/selifemorizo.com/wp-content/uploads/2023/11/9f3d7f55ae1f72eac156b313084ec670.png?resize=607%2C703&ssl=1)
SpringBootプロジェクトを実行する
マウントディレクトリへ移動
マウント指定した「srv」ディレクトリへ移動します
![](https://i0.wp.com/selifemorizo.com/wp-content/uploads/2023/11/03f4b7541e80c31548630f3bd33fba15.png?resize=609%2C575&ssl=1)
プロジェクトを実行する
F5キー、またはタブの実行からプロジェクトを実行後にブラウザで実装した内容が表示されることを確認する。
【ブラウザで指定するURL】
“http://localhost:8080/”
![](https://i0.wp.com/selifemorizo.com/wp-content/uploads/2023/11/2846d71d4f9ca7d7046426b52b0fec38.png?resize=1024%2C424&ssl=1)
ドキュメント
Docker ドキュメント日本語化プロジェクト — Docker-docs-ja 24.0 ドキュメント
最後に
以上、ログになります。
これからも継続していきましょう!!
コメント