2
2

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.

Docker超入門!Apacheを使ってhtmlを表示してみよう!

Last updated at Posted at 2020-05-29

目的

  • Dockerを学ぶ最初の一歩として自分の知識を整理しながら基礎をまとめる

実施環境

  • ハードウェア環境
項目 情報
OS macOS Catalina(10.15.3)
ハードウェア MacBook Pro (16-inch ,2019)
プロセッサ 2.6 GHz 6コアIntel Core i7
メモリ 16 GB 2667 MHz DDR4
グラフィックス AMD Radeon Pro 5300M 4 GB Intel UHD Graphics 630 1536 MB
  • ソフトウェア環境
項目 情報 備考
Docker バージョン 19.03.8 こちらの方法で導入→Docker Desktop for Mac をインストールする

概要

  1. イメージのダウンロード
  2. コンテナの作成
  3. htmlの表示
  4. 確認

詳細

  1. イメージのダウンロード
    1. 下記コマンドを実行してApacheのイメージのダウンロードを行う。(DockerではApacheはhttpdという名前で扱われている。)

      $ docker pull httpd
      
    2. 下記コマンドを実行して現在インストールされているイメージの一覧を出力しApache(httpd)が存在する事を確認する。

      $ docker images
      >REPOSITORY             TAG                 IMAGE ID            CREATED             SIZE
      >httpd                  latest              d4e60c8eb27a        12 days ago         166MB
      
  2. コンテナの作成
    1. 下記コマンドを実行してイメージからコンテナを作成し、作成したコンテナを起動する。

      • -dはデーモンモードにて起動するオプションである。
      • -p 物理マシンのポート番号:コンテナのポート番号はポート設定を行うオプションである。(物理マシンとは、みなさんのMacBookやWindowsPCを指す。)
      • 下記コマンドの意味は「デーモンモードにて、物理マシンのポート番号8080番とコンテナのポート番号80番をつないでイメージからApache(httpd)のコンテナを作成します」である。
      $ docker run -d -p 8080:80 httpd
      
    2. ブラウザにて下記にアクセスする。

    3. 下記の様に表示される事を確認する。

      スクリーンショット 2020-05-28 19.38.55.png

    4. 下記コマンドを実行して現在起動しているコンテナの一覧を表示する。

      $ docker ps
      
    5. 下記コマンドを実行して一旦Apacheのコンテナを停止する。(コンテナ名は先のコマンド$ docker psのNAMESの内容)

      $ docker stop コンテナ名
      
  3. htmlの表示
    1. 下記コマンドを実行してhtmlファイルを格納するディレクトリを作成する。

      $ mkdir -p /tmp/html
      
    2. 下記コマンドを実行してhtmlファイルを作成する。

      $ echo "Hello Japan" >> /tmp/html/index.html
      
    3. 下記を実行してdockerコンテナ先のディレクトリにマウントする。($ docker run -d -p 8080:80 -v "物理マシンにあるhtmlファイルの親ディレクトリのフルパス(マウントするディレクトリ):コンテナ側のディレクトリ(マウント先のディレクトリ)" httpd)

      $ docker run -d -p 8080:80 -v "/tmp/html/:/usr/local/apache2/htdocs/" httpd
      
  4. 確認
    1. ブラウザにて下記にアクセスする。

    2. 下記の様に表示される事を確認する。

      スクリーンショット 2020-05-28 21.18.20.png

2
2
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
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?