コンテナ型仮想化環境を使って WordPress 環境を構築

前回、投稿した記事で Docker Desktop for Windows の構築手順と httpd イメージを使って簡単な Web サイトの構築手順を解説いたしました。

【コンテナ】Docker Desktop for Windowsの構築手順【仮想環境】

WSL 2 を構築したクライアントに Docker Desktop for Windows を構築しました。その手順を解説いたします。また、Docker の検証として Web サイトを構築しています。

その中では、hello-world イメージを使った簡単な検証や httpd イメージを使った簡単な Web サイトの検証といった、ごく簡単な Docker の解説でした。

それでは実用的と呼ぶには程遠いので、今回は、WSL 2 + Docker 環境で Docker Compose を使用し WordPress の実行環境を構築する手順を解説いたします。

なお、使用する環境は WSL 2 + Docker Desktop for Windows となりますが、環境構築手順に関しては割愛いたします。WSL 2 + Docker Desktop for Windows の環境構築手順をご覧になりたい方はこちらをクリックしてください。
また、WSL 2 の環境構築手順に関しても割愛いたします。WSL 2 の環境構築手順をご覧になりたい方はこちらをクリックしてください。

前提条件
WordPress の構築
アップロード制限の変更
まとめ

前提条件

本稿を読み進めていくうえで、２つほど前提条件があります。

まず1つ目は、以前、投稿した「【Windows 10】Windows Subsystem for Linux 2 セットアップガイ【Ubuntu 20.04】」で解説した通り、Linux OS のインストールが必要になります。

続いて2つ目は、Visual Studio Code（以下、VSCode と呼びます）が必要になります。
なお、VSCode は Microsoft の公式サイトから入手が可能です。

環境にあわせたインストーラーをダウンロードしてください。

VSCode は Microsoft の公式サイトから入手が可能です。

なお、VSCode の拡張機能から Remote Development のインストールが必要になります。

検索ボックスに「Remote Development」と入力することで、Remote Development が表示されます。

なお、Remote Development には、以下の機能が含まれています。

Remote – Containers	コンテナへの接続機能
Remote – WSL	WSL への接続機能
Remote – SSH	SSH での接続機能

WSL のターミナルから実行することも可能です。その場合、VSCode のインストールが不要になります。

WordPress の構築

では、Docker を使用した WordPress の構築手順を解説いたします。

docker-compose.yml の作成

まず、「docker-compose.yml」の作成手順を解説いたします。

なお、本稿では「docker-compose.yml」の作成は VSCode から実施します。

Ubuntu をターミナルから開きます。
作業用のディレクトリ作成と VSCode から作成したディレクトリにアクセスするため、以下のコマンドを実行します。

mkdir wp-test
cd wp-test
code .

作業用のディレクトリ名は「wp-test」としています。

また「code .」を実行することで、VSCode で現在のディレクトリを開くことができます。

VSCode の起動時、作成者の信頼確認が表示された場合、[すべてのファイルの作成者を信頼します] をチェックし [はい、作成者を信頼します] をクリックします。すると、VSCode から作業用のディレクトリが開かれます。

次に、「docker-compose.yml」を作成および編集を実施した後、「docker-compose.yml」を保存します。

以下は「docker-compose.yml」の編集例です。

version: '3.8'
services:
  wordpress:
    image: wordpress:latest
    restart: always
    ports:
      - 8080:80
    environment:
      WORDPRESS_DB_HOST: db:3306
      WORDPRESS_DB_USER: tamao
      WORDPRESS_DB_PASSWORD: tamaopassword
      WORDPRESS_DB_NAME: DB_WordP
    volumes:
      - wordpress:/var/www/html

  db:
    image: mysql:latest
    restart: always
    environment:
      MYSQL_DATABASE: DB_WordP
      MYSQL_USER: tamao
      MYSQL_PASSWORD: tamaopassword
      MYSQL_RANDOM_ROOT_PASSWORD: '1'
    volumes:
      - db:/var/lib/mysql

volumes:
  wordpress:
  db:

「docker-compose.yaml」の編集方法は、dockerhub のサイト情報を参考にしています。

また、version の記載方法に関しては、docker docs のサイト情報を参考にしています。

docker-compose の実行

「docker-compose.yml」が準備できたら、続いては、docker-compose の実行手順を解説いたします。

VSCode から「docker-compose.yml」を選択します。

ポップアップメニューから [総合ターミナルで開く] をクリックします。

次に、以下のコマンドを実行し、イメージとコンテナを作成します。

docker-compose up -d

コマンドが正常に完了すると、イメージとコンテナが作成されています。

Web サイトの接続検証

続いて、Web サイトへの接続を検証いたします。

Web ブラウザから「http://localhost:8080」に接続します。

WordPress の初期構築ページが表示されますので、インストールウィザードに従い進めていきます。

正常に、WordPress のインストールウィザードが完了すると、Web サイトが表示されます。

テーマを変更するため、あらかじめ準備していた WordPress テーマファイルをアップロードします。

準備していた WordPress のテーマは、無料のテーマ Cocoon です。

Cocoon のテーマは、Cocoon のサイトから入手が可能です。

なお、アップロードはエラーとなりました。

エラーメッセージ「辿ったリンクは期限が切れています。」が表示されました。

以前、投稿した記事の中で解説いたしましたが、PHP のデフォルトの制限でアップロードエラーになりました。PHP のデフォルト制限の変更手順をご覧になりたい方はこちらをクリックしてください。

PHPのアップロードサイズのデフォルト値は「2M」です。

アップロード制限の変更

テーマファイルがアップロードできませんでしたので PHP の設定変更と docker-compose の実行手順をあわせて解説いたします。

php.ini の作成

「php.ini」の作成手順を解説します。

デフォルトでは「php.ini」がありません。

アップロードサイズを設定した「php.ini」を作成します。

以下は「php.ini」の編集例です。

memory_limit = 128MB
upload_max_filesize = 128MB
ost_max_size = 128MB

memory_limit	メモリ使用量の上限
upload_max_filesize	1ファイルのアップロード最大サイズ
post_max_size	POSTデータ最大サイズ

本稿の例では、作業用ディレクトリ「wp-test」の配下に「php」ディレクトリを作成し、そのディレクトリに「php.ini」を作成しています。

docker-compose.yml の変更

続いて、「docker-compose.yml」の変更手順を解説いたします。

docker-compose の実行時の設定を追加します。

docker-compose の実行時に「php.ini」にアクセスするため、PHP からアクセスできるように、「php.ini」の配置定を追加しています。

以下は「docker-compose.yml」の編集例です。

version: '3.8'
services:
  wordpress:
    image: wordpress:latest
    restart: always
    ports:
      - 8080:80
    environment:
      WORDPRESS_DB_HOST: db:3306
      WORDPRESS_DB_USER: tamao
      WORDPRESS_DB_PASSWORD: tamaopassword
      WORDPRESS_DB_NAME: DB_WordP
    volumes:
      - wordpress:/var/www/html
      - ./php/php.ini:/usr/local/etc/php/php.ini

  db:
    image: mysql:latest
    restart: always
    environment:
      MYSQL_DATABASE: DB_WordP
      MYSQL_USER: tamao
      MYSQL_PASSWORD: tamaopassword
      MYSQL_RANDOM_ROOT_PASSWORD: '1'
    volumes:
      - db:/var/lib/mysql

volumes:
  wordpress:
  db: