Laravelの開発環境をdocker-composeで一から構築してみる

はじめに

こんにちは。以前、LaradockでLaravelの開発環境を作っていました。ひとまずLaravelを触ってみたい時はそれで十分ですが、ほとんどチュートリアルのコピペで環境構築が終わってしまうので、dockerやdocker-composeが何をしているのかよく分からないままでした。

Laravel以外の環境構築もDockerで行えるようになっておきたいですし、今回は自力でdocker-composeを書いてローカル環境を構築してみます。

環境はmacOS High Sierra 10.13.6、Docker Desktop 2.0.0.2がインストール済みであることを前提とします。

nginxでwebサーバを立てる

適当なディレクトリを決めて、その中で作業します。どこでも構いませんが、今回は~/testとして、必要なコンテナを構築する情報をdocker-compose.ymlに記述していきます。

 $ mkdir ~/test && cd $_1 $ mkdir -p ./docker/web $ vi ./docker-compose.yml

$mkdir~/test&&cd$_1

$mkdir-p./docker/web

$vi./docker-compose.yml

 version: "3" services: web: image: nginx:latest ports: - 80:80 volumes: - ./docker/web/default.conf:/etc/nginx/conf.d/default.conf - .:/var/www/html

version:"3"

services:

web:

image:nginx:latest

ports:

-80:80

volumes:

-./docker/web/default.conf:/etc/nginx/conf.d/default.conf

-.:/var/www/html

image: nginx:latestで、DockerHub上にあるnginxの最新版のDockerイメージを指定できます。ローカルにイメージがあればそれを使い、無ければダウンロードされます。
portsはそのままポート番号です。左側がホスト側、右側がコンテナ側です。上記の場合はいずれもhttp通信のデフォルトである80番を指定しています。
例えば8000:80と記述した場合、ブラウザからアクセスする際はhttp://ホスト名:8000となります。
volumesでコンテナと共有したいパスを指定します。ホスト側で作成したdefault.confを、コンテナ側の同ファイルと置き換えます。
ポートと同じくホスト側パス:コンテナ側パスの順で記述します。

default.conf作成

nginxの設定ファイルです。ひとまず最低限の設定のみ記述し、PHP関連の設定は後で追記します。

 server { listen 80; root /var/www/html; index index.html; access_log /var/log/nginx/access.log; error_log /var/log/nginx/error.log; }

server{

listen80;

root /var/www/html;

index index.html;

access_log/var/log/nginx/access.log;

error_log /var/log/nginx/error.log;

}

index.html作成

nginxの動作を確認できればよいので、htmlの中身は1行で構いません。

 $ touch ./index.html && echo "<h1>Hello nginx.</h1>" > ./index.html

1	$touch./index.html&&echo"<h1>Hello nginx.</h1>">./index.html

nginxコンテナ起動

 $ docker-compose up -d Creating network "test_default" with the default driver Creating test_web_1 ... done

$docker-compose up-d

Creating network"test_default"with the defaultdriver

Creating test_web_1...done

ブラウザでhttp://localhostにアクセスしてHello nginx.の文字が出てくればOKです。

nginxでPHP-FPMを動作させる

docker-compose.yml編集

静的コンテンツが見れるようになりましたので、次はPHP-FPMです。docker-compose.ymlにPHP-FPMコンテナの情報を記述していきます。
また、nginxにもPHP-FPMとの関連性を追記します。

 version: "3" services: web: image: nginx:latest ports: - 80:80 volumes: - ./docker/web/default.conf:/etc/nginx/conf.d/default.conf - .:/var/www/html depends_on: - php-fpm php-fpm: image: php:7.3-fpm-alpine volumes: - .:/var/www/html

version:"3"

services:

web:

image:nginx:latest

ports:

-80:80

volumes:

-./docker/web/default.conf:/etc/nginx/conf.d/default.conf

-.:/var/www/html

depends_on:

-php-fpm

php-fpm:

image:php:7.3-fpm-alpine

volumes:

-.:/var/www/html

image: php:7.3-fpm-alpineで、nginxと同様にdockerhub上のイメージを指定します。PHP-FPMのイメージはたくさんあるのですが、ここでは軽量なalpine Linuxのイメージを使っています。
depends_on:はコンテナの依存関係を示します。上記のように記述することで「php-fpmコンテナが起動したらwebコンテナを起動する」という意味になり、起動の順番を制御できます。

default.conf編集

nginxの設定ファイルdefault.confにもPHP-FPMの設定を追記します。
fastcgi_passの項にPHP-FPMへの接続情報を記述します。docker-compose.ymlでPHP-FPMの名前として指定しているphp-fpmを記述し、PHP-FPMのデフォルトポートである9000番を指定します。

 server { listen 80; root /var/www/html; index index.php index.html index.htm; access_log /var/log/nginx/access.log; error_log /var/log/nginx/error.log; location ~ \.php$ { fastcgi_split_path_info ^(.+\.php)(/.+)$; fastcgi_pass php-fpm:9000; fastcgi_index index.php; include fastcgi_params; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; fastcgi_param PATH_INFO $fastcgi_path_info; } }

server{

listen80;

root /var/www/html;

index index.php index.html index.htm;

access_log/var/log/nginx/access.log;

error_log /var/log/nginx/error.log;

location~\.php${

fastcgi_split_path_info^(.+\.php)(/.+)$;

fastcgi_pass php-fpm:9000;

fastcgi_index index.php;

include fastcgi_params;

fastcgi_param SCRIPT_FILENAME$document_root$fastcgi_script_name;

fastcgi_param PATH_INFO$fastcgi_path_info;

}

index.php作成

index.htmlと同様に、起動を確認できれば充分です。

 $ touch ./index.php && echo "<?php phpinfo(); ?>" > ./index.php

1	$touch./index.php&&echo"<?phpphpinfo();?>">./index.php

コンテナ起動

初回起動ではイメージのダウンロードが実行されます。最後2行のdoneが表示されたら起動OKです。再度http://loalhostにアクセスしてみましょう。

 $ docker-compose up -d ... 中略 ... Creating test_php-fpm_1 ... done Recreating test_web_1 ... done

$docker-compose up-d

...

中略

...

Creating test_php-fpm_1...done

Recreating test_web_1 ...done

MariaDBを立ち上げる

データベースはMariaDBを使用します。MySQLでも問題ありませんが、設定や接続方法はほとんど一緒(らしい)なので、試しに使ってみようという程度のチョイスです。

docker-compose.yml編集

db:以下がMariaDBに関する記述です。また、php-fpmにも上述のdepends_onを追記しています。

 version: "3" services: web: image: nginx:latest ports: - 80:80 volumes: - ./docker/web/default.conf:/etc/nginx/conf.d/default.conf - .:/var/www/html depends_on: - php-fpm php-fpm: image: php:7.3-fpm-alpine volumes: - .:/var/www/html depends_on: - db db: image: mariadb:latest ports: - 3306:3306 environment: MYSQL_ROOT_PASSWORD: root MYSQL_USER: test MYSQL_PASSWORD: test MYSQL_DATABASE: testdb volumes: - ./db-data:/var/lib/mysql

version:"3"

services:

web:

image:nginx:latest

ports:

-80:80

volumes:

-./docker/web/default.conf:/etc/nginx/conf.d/default.conf

-.:/var/www/html

depends_on:

-php-fpm

php-fpm:

image:php:7.3-fpm-alpine

volumes:

-.:/var/www/html

depends_on:

-db

db:

image:mariadb:latest

ports:

-3306:3306

environment:

MYSQL_ROOT_PASSWORD:root

MYSQL_USER:test

MYSQL_PASSWORD:test

MYSQL_DATABASE:testdb

volumes:

-./db-data:/var/lib/mysql

environment以下にMariaDBの情報を設定しています。MariaDB最新の10系はMySQL5.7がベースとなっており、MySQL用の設定がそのまま使えるようです。

MYSQL_ROOT_PASSWORD:rootユーザーの初期パスワードです。
MYSQL_USERroot以外の初期ユーザーを設定できます。
MYSQL_PASSWORD↑で設定した初期ユーザーのパスワードです。
MYSQL_DATABASEを指定することで、MariaDBコンテナに接続する際のデータベース名を定義できます。データベースが無い場合は作成されます。

コンテナ起動

docker-compose up -dでMariaDBコンテナも起動するようになります。

 Creating test_db_1 ... done Recreating test_php-fpm_1 ... done Recreating test_web_1 ... done

Creating test_db_1...done

Recreating test_php-fpm_1...done

Recreating test_web_1 ...done

接続確認

PHPからMariaDBへの接続はLaravelインストール後に設定しますので、まずはMariaDBが立ち上がっていることの確認のみです。

 #MariaDBコンテナに接続する $ docker-compose exec db sh # testdbに接続する $ mysql -u test -p testdb # MYSQL_PASSWORDの値を入力する Enter password: Welcome to the MariaDB monitor. Commands end with ; or \g. Your MariaDB connection id is 9 Server version: 10.3.13-MariaDB-1:10.3.13+maria~bionic mariadb.org binary distribution Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others. Type 'help;' or '\h' for help. Type '\c' to clear the current input statement. MariaDB [testdb]>

#MariaDBコンテナに接続する

$docker-compose exec db sh

# testdbに接続する

$mysql-utest-ptestdb

# MYSQL_PASSWORDの値を入力する

Enter password:

Welcome tothe MariaDB monitor. Commands endwith;or\g.

Your MariaDB connection id is9

Server version:10.3.13-MariaDB-1:10.3.13+maria~bionic mariadb.org binary distribution

Type'help;'or'\h'forhelp.Type'\c'toclear the current input statement.

MariaDB[testdb]>

Laravelインストール

ようやくLaravelです。ComposerやPHP拡張など、Laravelのインストールと動作に必要なパッケージを用意します。php-fpmコンテナの中でコマンドを実行してもよいのですが、docker-composeコマンド実行時に自動でよしなにやってくれるように、docker-compose.ymlを編集します。

php:7.3-fpm-alpineイメージには上述のパッケージが含まれていませんので、別途Dockerfileを作成し、そこにインストールコマンドを記述します。

 php-fpm: build: ./docker/php volumes: - .:/var/www/html depends_on: - db

php-fpm:

build:./docker/php

volumes:

-.:/var/www/html

depends_on:

-db

build:に記述したパスにDockerfileを作成します。
$ mkdir ./docker/php && vi ./docker/php/Dockerfile

 FROM php:7.3-fpm-alpine RUN apk --update add \ && apk add build-base curl git zip unzip vim RUN cd /usr/bin && curl -sS https://getcomposer.org/installer | php && ln -s /usr/bin/composer.phar /usr/bin/composer RUN apk add libxml2-dev curl-devel $PHPIZE_DEPS RUN pecl install xdebug RUN docker-php-ext-install pdo_mysql mbstring xml curl session tokenizer json RUN docker-php-ext-enable pdo_mysql mbstring xml curl session tokenizer json xdebug WORKDIR /var/www/html

FROM php:7.3-fpm-alpine

RUN apk--update add\

&&apk add build-base curl git zip unzip vim

RUN cd/usr/bin&&curl-sS https://getcomposer.org/installer | php && ln -s /usr/bin/composer.phar /usr/bin/composer

RUN apk add libxml2-dev curl-devel$PHPIZE_DEPS

RUN pecl install xdebug

RUN docker-php-ext-install pdo_mysql mbstring xml curl session tokenizer json

RUN docker-php-ext-enable pdo_mysql mbstring xml curl session tokenizer json xdebug

WORKDIR/var/www/html

RUN以降をシェルコマンドとして、コンテナ起動時に実行します。
apk addでパッケージインストールを行います。alpine以外のイメージだと大抵はapt-getで、CentOSなどのRedHat系で言うyumですね。
$PHPIZE_DEPSを指定することで、phpizeに必要なパッケージが自動でインストールされます。phpizeはPHP拡張モジュールを動的にビルドするのに必要で、これがないとPHP拡張を導入する際、いちいちPHP本体をビルドし直すことになってしまいます。
pecl install xdebugはdockerとは関係なく、peclライブラリを入れる時のコマンドそのままですね。必要に応じてimagickやredisなどお好きなものを。
docker-php-ext-installでPHP拡張をインストールし、docker-php-ext-enableで有効化します。意味こそコマンド名そのままですが、dockerコンテナ上ではこういう書き方になるんですね。
MariaDBはMySQL用のライブラリで接続可能ですのでpdo_mysqlを入れます。その他mbstringなど最低限必要そうなものを入れていますが、ここもお好みで。
RUN composerの行はLaravelのインストールを実行するコマンドです。testappはプロジェクト名ですので、ここは自由にどうぞ。

コンテナ再構築

docker-compose up -dを実行しましょう。パッケージのダウンロード/インストール/ビルドが一斉に走りますので、結構かかります。
上述のDockerfileの最後にLaravelインストールのコマンドを記述すればコンテナ構築と同時にインストールも実行されますが、Dockerfileに書くとコンテナ起動時に毎回Laravelのインストールが走ってしまうので、あとでコンテナに入って実行します。

Laravelインストール

 $ docker-compose exec php-fpm sh /var/www/html # composer create-project --prefer-dist laravel/laravel testapp

$docker-compose exec php-fpm sh

/var/www/html# composer create-project --prefer-dist laravel/laravel testapp

ここでもLaravelが依存するComposerのパッケージ群がモリモリ入りますので、数分お待ち下さい。

Laravelのwelcomeページを表示する

Laravelの公開ディレクトリをドキュメントルートにするため、default.confを編集します。locationの中に下記の1行を追記し、docker-compose restartで変更を反映してください。

 location ~ \.php$ { root /var/www/html/testapp/public; ←追記 fastcgi_split_path_info ^(.+\.php)(/.+)$; fastcgi_pass php-fpm:9000; fastcgi_index index.php; include fastcgi_params; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; fastcgi_param PATH_INFO $fastcgi_path_info; }

location~\.php${

root/var/www/html/testapp/public;←追記

fastcgi_split_path_info^(.+\.php)(/.+)$;

fastcgi_pass php-fpm:9000;

fastcgi_index index.php;

include fastcgi_params;

fastcgi_param SCRIPT_FILENAME$document_root$fastcgi_script_name;

fastcgi_param PATH_INFO$fastcgi_path_info;

}

LaravelからMariaDBに接続する

Laravelプロジェクト内の.envファイルに、docker-compose.ymlで設定した接続情報を記述します。DB_HOSTにはMariaDBのコンテナ名が入ります。この場合はdbですね。

 $ vi testapp/.env DB_CONNECTION=mysql DB_HOST=db DB_PORT=3306 DB_DATABASE=testdb DB_USERNAME=test DB_PASSWORD=test

$vi testapp/.env

DB_CONNECTION=mysql

DB_HOST=db

DB_PORT=3306

DB_DATABASE=testdb

DB_USERNAME=test

DB_PASSWORD=test

マイグレーション実行

php-fpmコンテナ内で実行します。DB接続に成功すれば、最初から入っているマイグレーションファイルが実行されます。

 $ docker-compose exec php-fpm sh /var/www/html # cd testapp/ /var/www/html/testapp # php artisan migrate Migration table created successfully. Migrating: 2014_10_12_000000_create_users_table Migrated: 2014_10_12_000000_create_users_table Migrating: 2014_10_12_100000_create_password_resets_table Migrated: 2014_10_12_100000_create_password_resets_table

$docker-compose exec php-fpm sh

/var/www/html# cd testapp/

/var/www/html/testapp# php artisan migrate

Migration table created successfully.

Migrating:2014_10_12_000000_create_users_table

Migrated: 2014_10_12_000000_create_users_table

Migrating:2014_10_12_100000_create_password_resets_table

Migrated: 2014_10_12_100000_create_password_resets_table

上記のようなメッセージが表示されればOKです。お疲れ様でした。

さいごに

Laradockはチュートリアルが充実していたおかげで、docker-composeについてはほぼ知識ゼロでも構築ができてしまっていました。今回docker-compose.ymlを調べながら一項目ずつ書くことで、それぞれがどのような意味で何が実行されているのか、多少は把握することができるようになりました。

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31

Laravelの開発環境をdocker-composeで一から構築してみる

はじめに

nginxでwebサーバを立てる

default.conf作成

index.html作成

nginxコンテナ起動

nginxでPHP-FPMを動作させる

docker-compose.yml編集

default.conf編集

index.php作成

コンテナ起動

MariaDBを立ち上げる

docker-compose.yml編集

コンテナ起動

接続確認

Laravelインストール

コンテナ再構築

Laravelインストール

Laravelのwelcomeページを表示する

LaravelからMariaDBに接続する

マイグレーション実行

さいごに

おすすめ書籍

フォロー

アプリ情報