IBM Bluemix で WordPress 無料の WordPress 環境を構築する 1

Transcription

1 IBM Bluemix で WordPress 無料の WordPress 環境を構築する 1

2 本資料について 本資料は IBM Bluemix (h3p://bluemix.net) を使って WordPress 環境を構築する手順を紹介しています Windows 7 を利用している前提で記載しています 資料内で紹介する cf ツールが動作する環境であれば 他環境でも同様の操作によって実現できると思いますが 未確認です 2

3 目的 IBM Bluemix 環境内に PHP のランタイムと MySQL サーバーを作り バインドして cf ツールを使ってランタイムに WP(WordPress) モジュールをプッシュ ( デプロイ ) する IBM Bluemix WP HTTP (PHP) バインド MySQL cf プッシュ ( デプロイ ) 3

4 cf ツールをセットアップ Github から cf ツールの最新版をダウンロードしてインストール h3ps://github.com/cloudfoundry/cli/releases < 重要 > デプロイ用ディレクトリを作成 HTTPD の DocumentRoot になるディレクトリ 4

5 IBM Bluemix アカウントの取得 まだ IBM Bluemix のアカウントを取得していない場合 30 日間無料で使えるトライアルのアカウントを取得してください 取得方法はこちら : h3p://ibm.biz/bluemix2015 ここで取得したアカウントを IBM ID と呼びます 5

6 IBM Bluemix にログイン 1 ibm.biz/bluemix2015 へ行き ログイン 3 Bluemix のダッシュボード画面が表示される 2 IBM ID とパスワードを入力して Sign in 6

7 Bluemix のダッシュボード画面を確認 1 画面上部右の地域を英国に設定 2 画面上部左の三本線をクリックしてメニューを出しダッシュボードを選択すると いつでもダッシュボードに戻れます 7

8 PHP アプリケーションランタイムを作成 1 ダッシュボードの Cloud Foundry を選択 2 アプリの作成を選択 3 WEB を選択 4 PHP を選択 5 続行を選択 6 アプリの名前を入力して完了し ダッシュボードに戻る 独自の名前 8

9 MySQL サービスを追加してバインド 1 ダッシュボードに作成したランタイムが追加されていることを確認して サービスまたは API の追加 2 一番下までスクロールして Bluemix Labs Catalog に入り MySQL を選択 3 作成したランタイムをアプリに選んで作成を選択 4 再起動が促されるので再ステージを選択してダッシュボードに戻る 5 ランタイムに MySQL が追加されたことを確認 6 サービスにも MySQL が追加されたことを確認 9

10 MySQL の接続情報を環境変数から参照 1 ランタイムのアイコンを選択 2 ダッシュボード 右の矢印が上向きだったらクリックして下向きに変更し メニューを表示 3 環境変数を選択 4 環境変数 VCAP_SERVICES の内容を確認 10

11 { } 環境変数 VCAP_SERVICES の内容をメモ "mysql- 5.5": [ { "name": "mysql- ks", "label": "mysql- 5.5", "plan": "100", "creden_als": { "name": "( データベース名 )", "hostname": "( サーバーアドレス )", "host": "( サーバーアドレス )", 赤字の情報が後で必要になるのでメモ "port": ( ポート番号 ), "user": "( ユーザー名 )", "username": "( ユーザー名 )", "password": "( パスワード )", "uri": "mysql://( ユーザー名 ):( パスワード )@( サーバーアドレス ):( ポート番号 )/( データベース名 )" } } ] 11

12 WordPress 最新版の入手 WordPress のダウンロードサイトから最新版を入手 h3p://ja.wordpress.org/ ドキュメントルートに展開して wordpress ディレクトリにリネーム wordpress/wp- content/ 以下に uploads と upgrade ディレクトリを作成 wordpress/wp- config- sample.php を wordpress/wp- config.php にリネームして 以下の内容に変更 define( DB_NAME, ( 環境変数 name の値 ) ); define( DB_USER, ( 環境変数 username の値 ) ); define( DB_PASSWORD, ( 環境変数 password の値 ) ); define( DB_HOST, ( 環境変数 host の値 ) : ( 環境変数 port の値 ) ); define( FS_METHOD, direct ); /* 追加 */ 12

13 MySQL などのモジュールを有効にするための環境設定 { "PHP_EXTENSIONS": [ "bz2", "zlib", "curl", "mcrypt", "mbstring", "mysql", "pdo", "pdo_mysql" ] } 13

14 14 ドキュメント ルートのファイル構成

15 cf ツールでデプロイ コマンドプロンプトで DocumentRoot のディレクトリを開き cf ツールで以下を実行してプッシュ ( デプロイ ) > cf login a h3ps://api.eu- gb.bluemix.net u (IBM ID) パスワードを聞かれるので IBM ID のパスワードを入力 地域を英国ではなく米国南部にした場合は eu- gb 部分を ng に変更する > cf push dotnsf- wordpress dotnsf- wordpress 部分は 最初に作成したランタイムアプリの名前 15

16 WordPress のセットアップ 1 ダッシュボードのランタイムの経路でホスト名を確認 2 h3p://( ホスト名 )/wordpress/wp- admin/ で初期セットアップ 16

17 WordPress の動作確認 1 h3p://( ホスト名 )/wordpress/ でアプリ画面を確認 2 h3p://( ホスト名 )/wordpress/wp- admin/ にログインして管理画面を確認 17

18 応用 1 独自コードの追加 DocumentRoot 直下に 以下の内容のテキストファイル : phpinfo.php を追加 <?php phpinfo();?> cf ツールで再度プッシュ h3p://( ホスト名 )/phpinfo.php にアクセスして PHP 環境を確認 18

19 応用 2 phpmyadmin の追加 DocumentRoot 直下に phpmyadmin というディレクトリーを作成 phpmyadmin をダウンロードして 上記ディレクトリーに展開 h3p:// 19

20 phpmyadmin 設定ファイルの編集 phpmyadmin ディレクトリー内の config.sample.inc.php というファイルをコピーして config.inc.php とする copy config.sample.inc.php config.inc.php コピーしたファイルをエディターで編集 $cfg[ Servers ][$i][ host ] = MySQL サーバーの IP アドレス ; Localhost から変更 $cfg[ Servers ][$i][ port ] = MySQL サーバーの Port 番号 '; 行を追加 20

21 cf ツールでデプロイ DocumentRoot のディレクトリに移動し cf ツールでプッシュ ( デプロイ ) > cf push dotnsf- wordpress dotnsf- wordpress 部分は 最初に作成したランタイムアプリの名前 21

22 phpmyadmin の稼働を確認 h3p:// ホスト名 /phpmyadmin/ にブラウザからアクセス MySQL の環境変数のユーザー名とパスワードを入力 22

23 23 phpmyadmin の稼働を確認

24 応用 3 WordPress 環境をトライアル期間終了後も使う 24 この資料で紹介した環境は IBM Bluemix の 30 日間無料トライアルアカウントを利用していることを前提としています 有料アカウントに移行する前にトライアル期間が終了すると 作成した WordPress や他の環境は使えなくなります 有料アカウントに移行した場合にも無料枠があり その枠内で利用する限りは無料で環境を維持することができます この資料で紹介した手順で作成した環境や 応用 2 で紹介したボイラープレートを使った環境だけをメモリ量も変えずに運用する場合は無料枠内です ただし無料枠を超えた分に関しては課金対象となります 有料アカウントに移行すると 無料トライアルの権利は失います ( 無料で使える範囲が変わります ) 有料アカウントへの移行方法はこちらを参照ください : h3p://dotnsf.blog.jp/archives/ html