DockerとLaradockでWordPressの開発環境を構築する

Laradock準備まで記事はこちらになります。

それでは前回までに作成した【laradock_workspace_1】コンテナにGitを利用してWordPressをインストールしていきます。

 

本記事の目的

  • 以下の想定基本構成で開発環境を構築しWordPressのスタートページを表示させる。

 

WordPressを【laradock_workspace_1】コンテナにインストール

WordPressを【laradock_workspace_1】コンテナにインストール

GithubからWordPressを【laradock_workspace_1】コンテナにインストールするため、以下の【git clone】コマンドを実行します。

プロジェクトの確認

以下のコマンドを実行し、【WordPress】プロジェクトが作成されたことを【ls】コマンドで確認しコンテナから出ます。

 

Webサーバー(nginx)の【document root】変更

nginxの【document root】変更

ファイルパス:/laradock/nginx/sites/default.conf

今回使用するWebサーバー(nginx)の上記【default.conf】ファイルの【document root】をWordPressに合わせるため、以下の様に変更します。

【laradock_nginx_1】コンテナ再起動

【document root】変更を反省させるため、以下のコマンドを実行します。

 

WordPressインストールページブラウザ確認

WordPressインストールページブラウザ確認

http://localhostにブラウザアクセスしてWordPressインストールページが表示されるか確認します。

WordPressとdatabaseの接続

WordPressとdatabaseを接続するために、以下のlaradockディレクトリ【.env】ファイルのMYSQLの設定を確認し使用します。

項目値(初期値)
データベース名default
データベースのユーザー名default
データベースのパスワードsecret
データベースのホスト
 
mysql

しかし、インストールを進めていくと突然【HTTP ERROR 500】が表示されました。

 

Kitematic(Beta)でエラー確認

Kitematic(Beta)でエラー確認

生成起動したコンテナでエラーが出力されていないか確認したところ【laradock_nginx_1】のコンテナで以下の様なエラーが出力されていました。

 

Mysqli PHP 拡張を【laradock_php-fpm_1】コンテナに追加

Mysqli PHP 拡張の確認

上記のエラーは【Mysqli PHP 拡張】が有効化されていないため起こっているので【laradock_php-fpm_1】コンテナで【mysqli】が有効化されているか【laradock_php-fpm_1】に接続し、以下のコマンドを実行して確認します。

【php -r “var_dump(extension_loaded(‘mysqli’));”】(または【php -i | grep ‘mysqli’】でも確認は可能)を実行します。【bool(false)】と表示されたので【mysqli】は有効化されていませんでしたので、コンテナを出ます。

PHP_FPM_INSTALL_MYSQLIの設定を変更

laradockディレクトリ【.env】ファイルのPHP_FPM_INSTALL_MYSQLIの設定を、【false】から【true】変更します。

Mysqli PHP 拡張を【laradock_php-fpm_1】コンテナに追加

PHP_FPM_INSTALL_MYSQLIの設定を反映させるため、以下のコマンドを実行し【laradock_php-fpm_1】コンテナを再生成起動します。

Mysqli PHP 拡張の再確認

再度【laradock_php-fpm_1】に接続し確認すると【bool(true)】と表示されたので、【laradock_php-fpm_1】コンテナで【mysqli】が有効化されました。

 

WordPressスタートページブラウザ確認

WordPressスタートページブラウザ確認

【HTTP ERROR 500】は解消されたので、再度WordPressとdatabaseの接続をし、サイト情報の入力が完了し、インストールが終了したらWordPressのスタートページが表示されます。http://localhostで再度ブラウザアクセスして、無事表示されるか確認します。

 

コメントを残す