Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Wordpress on heroku

5,193 views

Published on

Heroku Meetup #12

Published in: Engineering

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 環境プレゼント!

×