Ubuntuサーバでdocker composeを使い、Nginx+PHP+MySQLのWordPress環境を構築する方法

・Docker Compsoeをインストールし、実行権限を付与する
$ sudo curl -L "https://github.com/docker/compose/releases/download/1.28.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose 
$ sudo chmod +x /usr/local/bin/docker-compose

・Docker Compsoeのバージョンを確認する
$ docker-compose --version
docker-compose version 1.28.2, build 67630359

hoge ─┬─ Dockerfile
　　　 ├─ docker-compose.yml
　　　 └─ cp_file ─┬─ server.conf
　　　   　　　　     ├─ supervisord.conf
                      └─ wordpress ─┬─ wp-config.php
　　　                                 └─ --- 省略 ---

・作業用フォルダを作成し、server.confを作成する
$ mkdir cp_file
$ vi cp_file/server.conf

■server.conf
------------------------------------------------------------
server {
        listen 80;
        root /var/www/html/wordpress;
        index index.php;
        server_name localhost;

        location / {
            try_files $uri $uri/ /index.php?$args =404;
        }

        location ~ \.php$ {
            include snippets/fastcgi-php.conf;
            fastcgi_pass unix:/run/php/php8.0-fpm.sock;
        }
}
------------------------------------------------------------

・supervisord.confを作成する
$ vi cp_file/supervisord.conf

■supervisord.conf
------------------------------------------------------------
[supervisord]
nodaemon=true

[program:nginx]
command=/bin/bash -c "nginx"

[program:php8.0-fpm]
command=/bin/bash -c "service php8.0-fpm start"
------------------------------------------------------------

・WordPressをダウンロードしwp-config.phpを設定する
$ cd cp_file
$ wget https://wordpress.org/latest.tar.gz
$ tar zxf latest.tar.gz
$ rm -rf latest.tar.gz
$ cp wordpress/wp-config-sample.php wordpress/wp-config.php
$ vi wordpress/wp-config.php

■wp-config.php
------------------------------------------------------------
 <省略>
/** The name of the database for WordPress */
define( 'DB_NAME', 'wordpress' );

/** MySQL database username */
define( 'DB_USER', 'wordpress' );

/** MySQL database password */
define( 'DB_PASSWORD', 'PasSw@rD' );

/** MySQL hostname */
define( 'DB_HOST', 'db' );
 <省略>
------------------------------------------------------------

・コンテナ間通信用のネットワークを作成する
$ docker network create wp-network

・ネットワークを確認する
$ docker network ls
NETWORK ID     NAME                 DRIVER    SCOPE
 <省略>
73d56a4cf18c   wp-network           bridge    local

・cp_fileから1つ上の階層に戻りWebサーバのDockerfileを作成する
$ cd ..
$ vi Dockerfile

■Dockerfile
------------------------------------------------------------
FROM ubuntu/nginx

# デフォルトのシェルをbashにする
SHELL ["/bin/bash", "-c"]

# Nginxのデフォルトの設定ファイルを削除し、server.confをコピーする
RUN rm -rf /etc/nginx/sites-available/default
RUN rm -rf /etc/nginx/sites-enabled/default
COPY cp_file/server.conf /etc/nginx/sites-available/
RUN ln -s /etc/nginx/sites-available/server.conf server.conf
RUN mv server.conf /etc/nginx/sites-enabled/

# PHP8.0とsupervisorをインストールする
RUN apt update -y
RUN apt -y install software-properties-common
RUN add-apt-repository -y ppa:ondrej/php
RUN apt update -y
RUN apt -y install php8.0-fpm php8.0-mysql supervisor
COPY cp_file/supervisord.conf /etc/supervisor/conf.d/

# WordPressをコピーし、フォルダの所有者を変更する
COPY cp_file/wordpress /var/www/html/wordpress
RUN chown -R www-data.www-data /var/www/html/wordpress

# Webサーバのポート(80番)を設定する
EXPOSE 80

STOPSIGNAL SIGTERM

# supervisordを起動する
CMD ["/usr/bin/supervisord"]
------------------------------------------------------------

・Webサーバのイメージを作成する
$ docker build -t wp-web .

・MySQL 8.0.23のイメージを取得する
$ docker pull mysql:8.0.23

・WebサーバとDBサーバのコンテナイメージを確認する
$ docker image ls
wp-web         latest    006f648a8f79   6 minutes ago   398MB
mysql          8.0.23    2933adc350f3   13 days ago     546MB
ubuntu/nginx   latest    3554108decf2   2 months ago    143MB

・docker-compose.ymlを作成する
$ vi docker-compose.yml

■docker-compose.yml
------------------------------------------------------------
version: "3"

services:
  db:
    image: mysql:8.0.23
    networks:
      - wp-network
    volumes:
      - db_vol:/var/lib/mysql
    restart: always
    command: mysqld --character-set-server=utf8mb4 --collation-server=utf8mb4_unicode_ci --default-authentication-plugin=mysql_native_password 
    environment:
      MYSQL_ROOT_PASSWORD: SO7fO4hHw
      MYSQL_DATABASE: wordpress
      MYSQL_USER: wordpress
      MYSQL_PASSWORD: PasSw@rD

  web:
    depends_on:
      - db
    image: wp-web
    networks:
      - wp-network
    volumes:
      - web_vol:/var/www/html/wordpress
    ports:
      - 8080:80
    restart: always

networks:
  wp-network:
    external: true
volumes:
  db_vol:
  web_vol:
------------------------------------------------------------

・docker-compose.ymlの設定からコンテナを起動する
$ docker-compose up -d

・コンテナを確認する
$ docker ps
CONTAINER ID   IMAGE          COMMAND                  CREATED         STATUS         PORTS                  NAMES
47763484d68c   wp-web         "/docker-entrypoint.…"   4 seconds ago   Up 3 seconds   0.0.0.0:8080->80/tcp   hogehoge_web_1 
332bec14df27   mysql:8.0.23   "docker-entrypoint.s…"   5 seconds ago   Up 3 seconds   3306/tcp, 33060/tcp    hogehoge_db_1 

・docker-composeで起動したコンテナを停止・削除する
$ docker-compose down