DockerでWebサーバを立てる - yasami5/sample GitHub Wiki

概要

Dockerコンテナを利用してWebサーバを立ち上げWebサイトをブラウザで表示するまで

前提

• dockerインストール済み
• vscodeインストール済み
• vscodeに拡張機能Remote Developmentインストール済み

---

1. Dockerイメージのダウンロード

# ローカルで持っているイメージの確認
$ docker images
REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE

# Apache httpd イメージを取得
$ docker pull httpd

# ローカルで持っているイメージの確認
$ docker images
REPOSITORY          TAG                 IMAGE ID            CREATED             SIZE
httpd               latest              ...

2. イメージからコンテナ作成

# httpdコンテナを作成・起動
#   --name : コンテナ名をつける
#   -i     : 標準入力
#   -t     : 標準出力
#   -d     : コンテナの実行をバックグラウンドで行う
#   -p     : ホストとコンテナのポートを対応付ける
$ docker run -it --name web -dp 8080:80 httpd

# 実行中のコンテナを確認
$ docker ps
CONTAINER ID        IMAGE               COMMAND
...                 httpd               ...

3. Webサイト表示確認

ブラウザからlocalhost:8080を開く
It works!
と表示されればOK

4. htmlファイル修正

VSCodeのコマンドパレットからRemote-Containers: Attach to Running Container...を選択
別ウィンドウでVSCodeが開き、/usr/local/apache2ディレクトリにアクセスしているはず
（開いてなかったら[ファイル]タブ→[フォルダーを開く]で上記のパスを指定）
htdocs/index.htmlを開く
適当に編集 (Hello World!)
再びブラウザからサイトを確認