joppotjoppotコピペで絶対動く。2017年5月14日Tweet概要みなさんこんにちはcandleです。今回はdockerを使ってwordpressの環境を作りたいと思います。wordpressと言っても様々な構造があります。今回紹介するのはこのような構造になります。containerにマウントしてwordpressを使えるようにします。dockerの基本的な構成は以下のサイトを参考にさせてもらいました。macじゃなくても問題ないと思います。mysqlはmacにインストールしてありますが、それもわかる人は適宜調整してください。公式サイトからwordpressをダウンロードします。https://ja.wordpress.orgzipを解凍して、フォルダの名前をbob_blogにします。私はデスクトップ上で作業します。執筆時のwordpressの最新バージョンは4.7.4です。bob_blogwordpressプロジェクトが完成しました。nginxのcontainerの作成nginxのためのDockerファイルとnginxの設定ファイルを作成します。nginx/server.confnginxのDockerfileを開きます。nginx/Dockerfile以下を追加します。containerに加えるだけの記述です。nginx/server.confを開きます。nginx/server.conf以下を記述します。containerの作成php-fpmの為のファイルを作成します。こちらはDockerfileのみ用意します。php-fpm/Dockerfilephp-fpm/Dockerfileを開いて、以下を記述します。mysqli最後のRUN文はphp-fpmでmysqlを扱う為のパッケージをインストールしています。docker-composeのファイル作成dockerのビルドや実行をまとめてくれるdocker-composeの為のファイルを作成します。docker-fompose.yml以下を書き込みましょう。./:/var/www/htmlnginxとphp-fpmはMacのbob_blogディレクトリを/var/www/htmlにマウントしています。ファイルの記述は以上です。bob_blogフォルダに追加したものはこんな感じです。Dockerfilemysqlの接続設定それではmysqlの設定をしましょう。containerは今回の構成ではmacに搭載されているmysqlにアクセスするようにします。wordpressのmysql設定はwp-config.phpに記述します。この時アドレスを一般的には「localhost」か「127.0.0.1」にします。containerからホストのローカルIPアドレスにアクセスする時、127.0.0.1とlocalhostは使えません。対策として、独自のローカルIPアドレスをMacに割り振ります。詳しいことは前回の記事を参照してください。IPアドレスを割り振ります。10.200.10.1/24できたらifconfigコマンドで確認します。PCを再起動すると解除されます。自動的に割り振りたい場合は以下の記事を参照してください。wp-config-sample.phpをコピーして、wp-config.phpを作成します。wp-config.phpwp-config.phpを開いて、以下の箇所を変更します。'10.200.10.1');ついでにsaltの値も変更しておいてください。Hostの値が先ほど設定したlo0のIPアドレスになっています。最後に、bob_blogのデータベースを先に作成します。macのmysqlにログインします。-pログインしたら以下のコマンドでデータベースを作ります。utf8;これで良いでしょう。以下のようなアクセスが可能になります。dockerを起動するさて、dockerを起動してみましょう。bob_blogの中で以下を実行します。-d終わったら、ブラウザでいかにアクセスします。http://127.0.0.1/wp-admin/install.php以下のような画面がでれば、成功です。containerにアクセスします。containerにプロキシします。containerは/var/www/htmlにmacからマウントしたphpファイルを実行し、必要とあらば、mysqlにアクセスします。nginxに要求されたファイルが画像やjsの場合はnginxの/var/www/htmlにマウントしたbob_blogのファイルを持ってきて返します。注意点このdockerの構成ではセキュリティを考えていません。urlでhttp://127.0.0.1/docker-compose.ymlにアクセスするとそのファイルがダウンロードできてしまいます。本番環境でやる場合には対策する必要があります。それらの記事はまた別の記事で解説します。おまけためしに、wordpressのサイトを動かしてみましょう。インストール画面で「サイトのタイトル」bob_blog「ユーザー名」bob「パスワード」好きなパスワード(ローカルだからなんでもよい)「メールアドレス」bob@example.comで作ってみます。「wordpressをインストール」ボタンを押します。するとリダイレクトします。僕の場合、ここは表示がうまくいかないです。ホームに戻ると、正しく表示します。-vこれで全て止まります。まとめこちらの構成はよりMacで使いやすいものです。wordpressの開発では一番便利かもしれません。スポンサードリンク「為になったなぁ」と思ったら、シェアお願いします。コメントをキャンセルメールアドレスが公開されることはありません。記事を書いたあと気付いたのですが、busyboxにファイルはアップロードできるのですが、プラグインがインストールできませんでした。ただいま、研究中なので、解明次第、記事を更新したいと思います。Sansフォントウェイトのcss書き方まとめプロフィールベンチャー企業のCTOをやってます。大学時代にプログラミングを始め、javaから入門し、C++へて、PHPへと進み、会社ではRailsを使用。環境設定スポンサードリンクjoppotコピペで絶対動く。