HerokuにWordPressを導入する。

勉強会に行って、Herokuの良さを知ってから、Herokuにはまっている にっし~です。

本日は、HerokuにWordPressをインストールしてみました。

とは言え、たいしたことはしていないのですが。。。

(あくまで開発用です。本番リリースを行う場合は、セキュリティー対策をしっかりしてください。)

Herokuのアカウントの取得、開発環境の構築は、完了しているものとします。

また、今回は、ClearDB MySQLのアドオンを使用します。

アドオン追加するには、クレジットカードの登録が必要になります。

設定画面: https://dashboard.heroku.com/account/billing

ちなみに、私の開発環境は、Windows10を使用しています。

1. Heroku設定

1.1  herokuの管理画面にログインし、new > create new app する。

  • App Name に作成するアプリ名を入力。
  • Runtime Selection は、united statesで良いと思います。

1.2 作成したアプリに、DBのアドオンをインストールする。

  • https://dashboard.heroku.com/apps にアクセスする。
  • 作成したアプリをクリックする
  • Resources タブをクリックして、ClearDB MySQLを追加する。

2. WordPress設定

  • wordpressのソースをダウンロードして解凍して、任意のフォルダにソースを移動させる。
  •  コマンドプロンプトを立ち上げ、移動させたフォルダをカレントディレクトリにする。
  • wp-config-sample.phpを、wp-config.phpにする。
  • WordPressのDB設定を行う。

1. herokuのアプリ管理画面の settingsを開く

2. Reveal Config Varsをクリック

3. CLEARDB_DATABASE_URLのValueの値を元に、下記のように設定する。

4. WordPressの入力項目に沿って入力する。

mysql://○○(ユーザー名):××(パスワード)@us-cdbr-east-XX.cleardb.com(DBホスト)/heroku_00000000000(DB名)?reconnect=true

データベース名:heroku_00000000000

ホスト名:us-cdbr-east-XX.cleardb.com

ユーザー名:○○

パスワード:××

  • 下記のコマンドを入力し、herokuにソースをアップする。
$ heroku login
$ heroku git:remote -a [ 作成したアプリ名 ]
$ git init
$ git add .
$ git commit -am "make it better"
$ git push heroku master
$ heroku open - a [ 作成したアプリ名 ]

※ 最後まで入力すると、wordpressの設定入力画面が開きます。

以上です。お疲れ様でした。