Wordpress on heroku

4,531 views

Published on

Heroku Meetup #12

Published in: Engineering
0 Comments
15 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,531
On SlideShare
0
From Embeds
0
Number of Embeds
1,640
Actions
Shares
0
Downloads
13
Comments
0
Likes
15
Embeds 0
No embeds

No notes for slide

Wordpress on heroku

  1. 1. WordPress on Heroku 2014/05/22 Kokoro Sato Heroku Meetup #12 恋に落ちるときはいつもハッピー
  2. 2. about 佐藤こころ Engineer@FLECT twitter @i556 FB /satokokoro 【最近の感心事】 人狼ゲーム
  3. 3. FLECT http://www.quizar.info/ Facebook https://www.facebook.com/flect.co.jp twitter@flect_jp www.flect.co.jp
  4. 4. Menu • Heroku上に WordPressを構築 する(完全無料) • Heroku 
 WordPressのベス トプラクティス
  5. 5. about WordPress ・PHP+MySQL構成のCMS(ブログ) ・テーマ、ウィジット、書籍、プラグイン、  ホスティングサービスが充実している  CMSの王様 ・最新VersionはVer3.9.1  今回のデモは全てVer3.9.1(ja)で試してます ・デザイナー/セミプロユーザが多い
  6. 6. WordPress with PaaS! ! ! WordPress を Windows Azure クラウドサービス で利用する http://msdn.microsoft.com/ja-jp/windowsazure/jj898461 ! クラウドでもう困らない! WordPress快適運用術 http://www.awsmicrosite.jp/ec2-wp/
  7. 7. Heroku PHP Support 2014/4/29 new PHP in public beta on Heroku
  8. 8. PHP Runtimes on Heroku PHP HHVM https://devcenter.heroku.com/articles/php- support#runtimes
  9. 9. Heroku PHP Support composer.jsonを使う composer.json index.php buildpack composer.json { "require": { "hhvm": 3.0.1" } { "require": { "php": "5.5.12" } カラ HHVM PHP 一応PHP
  10. 10. WordPressに必要なもの PHP実行環境 データベース ストレージ サーバ監視 高速化 Must Want
  11. 11. サーバ監視 ストレージ(画像) 高速化 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 有料 無料枠あり 画像のみ
  12. 12. WordPressリソースの配置 1. http://ja.wordpress.org/  から直接圧縮ファイルをDLしてきて展開 ! 2.または composerを使う Herokuアプリ 直下に展開した/wordpress の中身をコピー
  13. 13. composer.jsonの設定 composer.jsonでPHP Runtimeを指定 PHP HHVM { "require": { "php": "5.5.12" } } { "require": { "hhvm": 3.0.1 } }
  14. 14. ClearDBのアドオン追加 ClearDBのアドオンをインストール $ heroku addons:add cleardb ! データベースの接続情報を取得 $ heroku config ¦ grep CLEARDB_DATABASE_URL
  15. 15. 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カ所
  16. 16. ストレージ Wordpressの画像のアップロード先は DBではなく/imagesフォルダ ! Gitでバージョン管理されないため Dyno再起動で消えてしまう… ! Herokuはアップロードされたファイル などをファイルとしてに永続保持する ことができません
  17. 17. Cloudinary http://cloudinary.com/ 500MBの無料枠 画像だけでなくExcelやPDF等 のファイルもアップロードできる
  18. 18. Cloudinaryの設定1 https://wordpress.org/plugins/cloudinary-image-management-and-manipulation-in-the-cloud-cdn/ 1.WordPressの CloudinaryプラグインをDL 2.DLしたファイルを /wp-content/plugins 以下に配置
  19. 19. Cloudinaryの設定2 http://cloudinary.com/ に無料サインアップして、 API KEYを取得します
  20. 20. デプロイ準備が整ったので $ git add. $ git commit -m add wordpress $ git push origin master
  21. 21. WPの初期設定
  22. 22. Cloudinaryプラグインを有効化 &CLOUDINARY_URLを登録  CLOUDINARYの 環境変数
  23. 23. demo http://gentle-fortress-5294.herokuapp.com/wp- admin/ ID:wp-demo1 PASS:wp-demo1
  24. 24. effectがかけられる
  25. 25. new relic heroku addons:add newrelic:stark
  26. 26. 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では使えない
  27. 27. MemCachier heroku addons:add memcachier
  28. 28. HHVM vs PHP 負荷テスト PHPHHVM 2倍
  29. 29. Best Practice Herokuでスモールスタートで WordPressを始めるベストプラクティス ! HHVM+ClearDB + Cloudinary + MemCachier
  30. 30. メリット まずは完全無料から始められる 簡単 ! デメリット ストレージのリソースが Gitのバージョン管理外 無料枠での実運用は厳しい
  31. 31. Advanced
  32. 32. データベースをHeroku Postgresにしてみる PostgreSQL for WordPress (PG4WP) http://wordpress.org/plugins/postgresql-for- wordpress/ WordPress 3.2.1 に対応しているのを確認 ※WP本体のバージョンを選んでしまうので おすすめしません。
  33. 33. ストレージをS3にしてみる WordPress Amazon S3 Plugin https://wordpress.org/plugins/wp-s3/ ! ※動画など大容量のファイルをhostする場合に 選択肢としてあればいいかも
  34. 34. その他 FlyData Papertrail Sendgrid
  35. 35. 思った事 ・WordPressが動くという  ある意味マーケティングツール ・そもそも画像は自前でHost  しないという選択 ・SEO対策 !
  36. 36. デモ環境※ご自由にどうぞ 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/
  37. 37. FLECT Facebook https://www.facebook.com/flect.co.jp twitter@flect_jp www.flect.co.jp
  38. 38. Facebook https://www.facebook.com/flect.co.jp 今日Likeしてくれたら HHVM+ClearDB + Cloudinary + MemCachier 環境プレゼント!

×