wordpress on heroku

Post on 26-May-2015

3.131 Views

Category:

Engineering

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

Heroku Meetup #12

TRANSCRIPT

WordPress on Heroku

2014/05/22 Kokoro Sato Heroku Meetup #12 恋に落ちるときはいつもハッピー

about佐藤こころ Engineer@FLECT twitter @i556 FB /satokokoro 【最近の感心事】 人狼ゲーム

FLECT

http://www.quizar.info/

Facebook https://www.facebook.com/flect.co.jp

twitter@flect_jp

www.flect.co.jp

Menu• Heroku上にWordPressを構築する(完全無料)

• Heroku×WordPressのベストプラクティス

about WordPress・PHP+MySQL構成のCMS(ブログ) ・テーマ、ウィジット、書籍、プラグイン、  ホスティングサービスが充実している  CMSの王様 ・最新VersionはVer3.9.1  今回のデモは全てVer3.9.1(ja)で試してます

・デザイナー/セミプロユーザが多い

WordPress with PaaS!

!

!

WordPress を Windows Azure クラウドサービス で利用する http://msdn.microsoft.com/ja-jp/windowsazure/jj898461 !

クラウドでもう困らない! WordPress快適運用術 http://www.awsmicrosite.jp/ec2-wp/

Heroku PHP Support

2014/4/29 new PHP in public beta on

Heroku

PHP Runtimes on HerokuPHP HHVM

https://devcenter.heroku.com/articles/php-support#runtimes

Heroku PHP Support composer.jsonを使う

composer.jsonindex.php

buildpack

composer.json

{ "require": { "hhvm": “3.0.1" }

{ "require": { "php": "5.5.12" }

カラ

HHVM

PHP

一応PHP

WordPressに必要なもの

PHP実行環境 データベース ストレージ

サーバ監視 高速化

MustWant

サーバ監視

ストレージ(画像)

高速化

http://cloudinary.com/

https://addons.heroku.com/newrelic https://addons.heroku.com/memcachier

PHP実行環境データベース

https://addons.heroku.com/cleardb

https://addons.heroku.com/heroku-postgresql

有料

無料枠あり 画像のみ

WordPressリソースの配置1. http://ja.wordpress.org/  から直接圧縮ファイルをDLしてきて展開 !

2.または composerを使う

Herokuアプリ 直下に展開した/wordpress

の中身をコピー

composer.jsonの設定composer.jsonでPHP Runtimeを指定

PHP HHVM

{ "require": { "php": "5.5.12" } }

{ "require": { "hhvm": “3.0.1” } }

ClearDBのアドオン追加ClearDBのアドオンをインストール $ heroku addons:add cleardb !

データベースの接続情報を取得 $ heroku config | grep CLEARDB_DATABASE_URL

CLEARDB_DATABASE_URL: mysql://{DB_USER}:{DB_PASSWORD}@{DB_HOST}/{DB_NAME}?reconnect=true の型式になっているので設定ファイルwp-config.php を編集

DB_NAME DB_USER

DB_PASSWORD DB_HOST の4カ所

ストレージWordpressの画像のアップロード先は DBではなく/imagesフォルダ !

Gitでバージョン管理されないため Dyno再起動で消えてしまう… !

Herokuはアップロードされたファイル などをファイルとしてに永続保持する ことができません

Cloudinary

http://cloudinary.com/

500MBの無料枠 画像だけでなくExcelやPDF等 のファイルもアップロードできる

Cloudinaryの設定1

https://wordpress.org/plugins/cloudinary-image-management-and-manipulation-in-the-cloud-cdn/

1.WordPressの CloudinaryプラグインをDL

2.DLしたファイルを /wp-content/plugins 以下に配置

Cloudinaryの設定2http://cloudinary.com/ に無料サインアップして、 API KEYを取得します

デプロイ準備が整ったので $ git add. $ git commit -m “add wordpress” $ git push origin master

WPの初期設定

Cloudinaryプラグインを有効化&CLOUDINARY_URLを登録 

CLOUDINARYの環境変数

demo

http://gentle-fortress-5294.herokuapp.com/wp-admin/

ID:wp-demo1 PASS:wp-demo1

effectがかけられる

new relicheroku addons:add newrelic:stark

New Relic{ "require": { "php": "5.5.12", "ext-memcached": "*", "ext-newrelic": "*" }

}

https://docs.newrelic.com/docs/php/php-agent-phpini-settings

https://docs.newrelic.com/docs/php/php-agent-phpini-settings

HHVMでは使えない

MemCachierheroku addons:add memcachier

HHVM vs PHP 負荷テストPHPHHVM 2倍

Best PracticeHerokuでスモールスタートで

WordPressを始めるベストプラクティス !

HHVM+ClearDB + Cloudinary + MemCachier

メリット まずは完全無料から始められる 簡単 !

デメリット ストレージのリソースが Gitのバージョン管理外 無料枠での実運用は厳しい

Advanced

データベースをHeroku Postgresにしてみる

PostgreSQL for WordPress (PG4WP) http://wordpress.org/plugins/postgresql-for-wordpress/ WordPress 3.2.1 に対応しているのを確認

※WP本体のバージョンを選んでしまうので おすすめしません。

ストレージをS3にしてみるWordPress Amazon S3 Plugin https://wordpress.org/plugins/wp-s3/ !

※動画など大容量のファイルをhostする場合に 選択肢としてあればいいかも

その他

FlyData Papertrail Sendgrid

思った事・WordPressが動くという  ある意味マーケティングツール ・そもそも画像は自前でHost  しないという選択

・SEO対策 !

デモ環境※ご自由にどうぞ

http://gentle-fortress-5294.herokuapp.com/ http://gentle-fortress-5294.herokuapp.com/wp-admin ユーザ名: wp-demo1 PASS:ユーザ名と同じ PHP/ClearDB/MemCachier/New Relic

http://aqueous-fjord-7206.herokuapp.com/ http://aqueous-fjord-7206.herokuapp.com/wp-admin ユーザ名: wp-demo2 PASS:ユーザ名と同じ HHVM/ClearDB/

http://cryptic-scrubland-2600.herokuapp.com/ http://cryptic-scrubland-2600.herokuapp.com/wp-admin ユーザ名: wp-demo3 PASS:ユーザ名と同じ HHVM/ClearDB/

http://rocky-castle-8855.herokuapp.com/ http://rocky-castle-8855.herokuapp.com/wp-admin ユーザ名: wp-demo4 PASS:ユーザ名と同じ HHVM/ClearDB/

FLECTFacebook https://www.facebook.com/flect.co.jp

twitter@flect_jp

www.flect.co.jp

Facebook https://www.facebook.com/flect.co.jp

今日Likeしてくれたら HHVM+ClearDB +

Cloudinary + MemCachier 環境プレゼント!

top related