thumbnail
thumbnail

HerokuでWordpress環境を構築した

updated 2021-8-23

Herokuへ登録する

Heroku公式

今回の主題ではないので割愛します...
いずれ時間のできた時に更新します。

WordpressをHerokuに送る

まずはHerokuにログインする

heroku login

コマンドがない場合はここからDLする

ダッシュボードからアプリを作成する

ブラウザーに戻って、アプリを作成する

アプリをデプロイする

heroku git:remote -a アプリ名
$ cd アプリのルートディレクトリ

ここでWordpressのルートディレクトリはpublic(wp-contentが直下で入ってるフォルダ)

git init
git commit -m "[init]"
git push heroku master

Databaseを登録する

ResourcesタブのAdd-onにFind more add-onsボタンがあるので押す。
別タブでブラウザーが開くので、そこからClearDM MySQLを探す。

DBを設定する

コマンドで作成する場合

heroku addons:create cleardb:ignite --fork=mysql://user:[email protected]/database

例)heroku addons:create cleardb:ignite --fork=mysql://root:root@localhost/local

ブラウザーで作成する場合

Add-on planはFreeで良いので、Igniteを選択
App to provision toはアプリ名を入れる

Submit Order Formを押せば完了

Datebase情報を取得する

heroku config:get CLEARDB_DATABASE_URL

下記のように取得できる

mysql://[ユーザー名]:[パスワード]@[ホスト名]/[データベース名]?reconnect=true

Database情報をWordpressに設定する

public(wordpressのwp-contentとかwp-adminの入っているフォルダ)に
wp-config.phpというファイルがあるので開いて下記を編集する

...
# wp-config.php
define('DB_NAME', '[データベース名]');
define('DB_USER', '[ユーザー名]');
define('DB_PASSWORD', '[パスワード]');
define('DB_HOST', '[ホスト名]');

or

$url = parse_url(getenv("CLEARDB_DATABASE_URL"));
/** The name of the database for WordPress */
define( 'DB_NAME', substr($url["path"], 1) );
/** MySQL database username */
define( 'DB_USER', $url["user"] );
/** MySQL database password */
define( 'DB_PASSWORD', $url["pass"] );
/** MySQL hostname */
define( 'DB_HOST', $url["host"] );
...

Herokuにデプロイする

public(wordpressのwp-contentとかwp-adminの入っているフォルダ)で

git add .
git commit -m "[build] add db config"
git push heroku master

Wordpressの設定をする

ブラウザに戻って作成したWordpressのアプリをOpen appで開くか、

heroku opne -a アプリ名

言語設定を日本語に設定
サイトタイトル・ユーザー名・パスワード・メールアドレスを設定する

これで完了

おまけ

mysqlからデータを書き出す

mysqldump -u ユーザー名 -p データベース名 テーブル名 > 出力ファイル.sql

例)

mysqldump -u root -p --socket='~/mysqld.sock' local wp_posts > sql/menu.sql


管理画面サイドバーのツールからエクスポートを選択し出力することも可能(xmlファイル)