Heroku ワードプレス構築手順

2017年11月30日

Heroku ワードプレスの続編になります。

 

Heroku ワードプレス構築手順

1. Herokuへの登録

登録は事前に完了しておいてください。

 

2. Herokuの環境構築

3. WordPressインストール&設定

 

Herokuの環境構築

Herokuアプリの作成

Herokuアプリの作成はコマンドラインからも可能ですが、今回はブラウザ上から実施します。

Heroku登録後、アプリの画面に移動します。

 

画面右上の「Create new app」を選択してアプリを作成します。

 

以下必要事項を記載して、アプリを作成します。
Regionは、現時点では日本が選べないので、United States でいいでしょう。

 

アドオンClearDB(MySQL)のインストール

ClearDBのインストールもコマンドラインから可能ですが、今回はブラウザ上から実施します。

 

まず、先程作成したアプリをクリックしたら、上部に以下のようなタブが現れるので、「Resources」を選択してください。

 

「Add-ons」の項目の検索欄に「cleardb」と入力すると、検索結果が表示されるので、「ClearDB MySQL」を選択しましょう。

 

インストールのポップアップが表示されるので、「Plan name」でClearDBのプランを選択して、「Provisoin」を選択してください。
無料で使用したい場合は、「Ignite – Free」を選択してください。
※記事掲載時点

ClearDBの料金表は、こちらをご確認ください。

以上でClearDBのインストール完了となります。

 

 

WordPressインストール&設定

まずは、日本語 « ダウンロード — WordPressからワードプレスをダウンロードして、任意の場所へ解凍します。(ここでは、wgetでダウンロードしていますが、最新のものをダウンロードした方がいいでしょう。)
解凍後、不要な圧縮ファイルは削除し、解凍したワードプレスディレクトリ移動してください。

 

ワードプレスの設定に必要なClearDBの情報を確認しておきましょう。
以下コマンドを実行すると、以下の形式で表示されるのでメモっておいてください。

 

以下のコマンドで個別に表示できるようにしてみました。awkだけでいける気がしますが直すの面倒なので、気にしないで、、

 

上記、確認した情報でClearDBに接続できることを確認してみましょう。
そうです、、、普通にどこからでもユーザ名とパスで繋ぐことができてしまいます。。。。
コレについては後程言及するとして、今はインストール作業を進めるとします。

 

ワードプレスのサンプル設定ファイルから設定ファイルをコピーで作成して、先程確認したClearDBの情報を入力しましょう。
ちなみに通常であれば、wp-config.phpをコピーで作成しなくても、ワードプレスをブラウザからインストールすれば自動で作成されますが、Herokuはgitでアップロードしたもの以外は再起動すると消えてしまいます。(ワードプレスインストール後、ワードプレス管理画面からアップロードした画像やインストールしたプラグインなども消えます。)
なので、わざわざwp-config.phpをコピーで作成しています。画像やプラグインが消えないようにする方法は後程ご紹介します。

 

Herokuへログイン後、Herokuアプリに作成したワードプレスをgitを使ってpushしていきましょう。
※heroku loginコマンドを使うには、Herok CLIをインストールする必要があります。
※gitコマンドを使うにはgitをインストールする必要があります。

 

ブラウザから、Herokuアプリの画面を開くと、右上に以下のタブがあるので、「Open app」を選択してください。
※gitコマンドでHerokuへアップロード後、初回は反映に時間がかかり、エラー画面となることがあると思います。待つしかありません。

 

正常にアプリが開いたら、以下のURLを入力してください。
ワードプレスのインストール画面が表示されるかと思います。

「http://[herokuアプリ名].herokuapp.com/wp-admin/install.php」

 

先程入力したDBの設定が正常であれば、以下の情報をインストール画面で求められるかと思うので、入力してください。

サイトのタイトル

ユーザー名

パスワード

メールアドレス

 

正常にインストールまで完了したら、最後に「wp-config」を再度編集して認証キーを入れておきましょう。
ワードプレスが提供してくれているオンラインジェネレータから認証キーを取得して入力してください。

 

gitコマンドで変更をコミットして、Heroku側にpushしましょう。

 

以上でWordPressのインストールは完了としましょう。

Heroku, WordPress

Posted by あき