9cubed
ブログ | Tailwind | Vite | Python | Node.js | Linux | PowerShell | その他 | 将棋ウォーズ | 歌の練習
< 前の記事

Docker Compose でコンテナの作成

次の記事 >

Docker Hub にイメージをプッシュ

Linux Docker

[Linux]HTML を含んだ Nginx の Docker イメージの作成

公開日:2025-11-30
更新日:2025-11-30

1. 概要

Nginx のイメージに HTML や conf をコピーした新しいイメージを作成します。

メリット
・Git などのリポジトリのコードと本番環境のコードが完全に一致する。
・コンテナ外のファイルにアクセスしないようにして、Docker のホスト側の改ざん・抽出を防ぎ、被害をコンテナだけに限定できる。
・本番環境を開発環境でも再現しやすい。

デメリット
・コードを修正する度にイメージの作成が必要。
・イメージが大きくなる。
・イメージが流出した場合、コードも流出する。

2. html と conf の作成

ディレクトリの作成
コマンド
mkdir -p docker_test2/nginx/html
mkdir -p docker_test2/nginx/conf

~/docker_test2/nginx/html/test.html
コード
test

~/docker_test2/nginx/conf/app.conf
コード
    server {
        listen       80;
        listen       [::]:80;
        server_name  _;
        root         /usr/share/nginx/html;
    }

3. dockerfile の作成

イメージのビルド方法を指定する dockerfile を作成します。

~/docker_test2/dockerfile
コード
FROM nginx:1.29.3

COPY ./nginx/html/ /usr/share/nginx/html/
COPY ./nginx/conf/app.conf /etc/nginx/conf.d/default.conf

dockerfile をビルドして、新しいイメージを作成します。
コード
cd ~/docker_test2
docker build -f dockerfile -t my-nginx:1.0.0 .

または

docker build -f ~/docker_test2/dockerfile -t my-nginx:1.0.0 ~/docker_test2
「-t」で、出力する「イメージ名:タグ」を指定します。
最後の「.」は、ファイルコピーなどの相対パスの基準ディレクトリです。「.」の場合はカレントディレクトリが基準となります。

「-f」で、使用する dockerfile のファイル名を指定します。

上記コマンドを実行すると、「docker images」で、新しいイメージが追加されたことが確認できます。

作成したイメージからコンテナを起動
コマンド
docker run \
  --name nginx-test \
  -d \
  -p 80:80 \
  my-nginx:1.0.0

http://localhost:8080/test.html にアクセスできれば OK です。
< 前の記事

Docker Compose でコンテナの作成

次の記事 >

Docker Hub にイメージをプッシュ

YouTube X

新着一覧

  • SCSS のインストールVite
  • Tailwind CSS のプロジェクトの作成Tailwind
  • TypeScriptのプロジェクトの作成Vite
  • Flask のインストールと動作確認Python
  • 簡易Webサーバーの作成Python
  • pipeline で文章の生成Python
  • pipeline で文章の要約Python
  • 音声から文字起こしPython
  • Node.js のインストールNode.js
  • .ps1(PowerShellスクリプト)を実行可能にするPowerShell

アーカイブ

  • 2025/12
  • 2025/11
  • 2025/10
  • 2025/09
  • 2025/08

以前のカテゴリー一覧

  • CakePHP3
  • CentOS7
  • HTML・CSS・JavaScript
  • Haskell
  • JavaScript
  • Kotlin
  • Laravel5
  • PHP
  • Python
  • Ruby
  • RubyOnRails5
  • TypeScript
  • Vue.js
  • Webサーバ講座
  • Webプログラミング講座
  • jQuery
  • linux
  • パソコン講座
  • ブログ
  • プログラミング講座
  • メモ帳作成講座
  • 数学

Copyright © 9cubed. All Rights Reserved.

プライバシーポリシー 利用規約
▲