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

(1)

IBM Bluemix で WordPress

(2)

本資料について

•  本資料は IBM Bluemix (

h3p://bluemix.net

) を使って、WordPress

環境を構築する手順を紹介しています。

• Windows 7 を利用している前提で記載しています。

•  資料内で紹介する

cf ツールが動作する環境であれば、他環境でも同様

の操作によって実現できると思いますが、未確認です。

(3)

目的

MySQL

IBM Bluemix

IBM Bluemix 環境内に PHP のランタイムと MySQL サーバーを作り、バインドして、

cf ツールを使ってランタイムに WP(WordPress) モジュールをプッシュ（デプロイ）する。

バインド HTTP (PHP) WP プッシュ（デプロイ） cf

(4)

cf ツールをセットアップ

• Github から cf ツールの最新版をダウンロードしてインストール

• h3ps://github.com/cloudfoundry/cli/releases

•  <重要>デプロイ用ディレクトリを作成

(5)

IBM Bluemix アカウントの取得

•  まだ IBM Bluemix のアカウントを取得していない場合、30日間無料

で使えるトライアルのアカウントを取得してください。

•  取得方法はこちら：

• h3p://ibm.biz/bluemix2015

•  ここで取得したアカウントを IBM ID と呼びます。

(6)

IBM Bluemix にログイン

① ibm.biz/bluemix2015 へ行き「ログイン」

② _{IBM
ID
とパスワードを入力して Sign
in}

(7)

Bluemix のダッシュボード画面を確認

① 画面上部右の地域を英国に設定 ② 画面上部左の三本線をクリックしてメニューを出し

(8)

PHP アプリケーションランタイムを作成

① ダッシュボードの Cloud Foundry を選択 _{② アプリの作成を選択} _③_{WEB
を選択}

④ PHP を選択 ⑤ 続行を選択

⑥ アプリの名前を入力して完了し、　ダッシュボードに戻る

(9)

MySQL サービスを追加してバインド

① ダッシュボードに作成したランタイムが追加されていることを確認して、サービスまたはAPI の追加 ② 一番下までスクロールして、「_Bluemix Labs Catalog」に入り、MySQL を選択 ③ 作成したランタイムをアプリに選んで作成を選択 ④ 再起動が促されるので再ステージを選択して　ダッシュボードに戻る ⑤ランタイムに _確認 MySQL が追加されたことを ⑥ サービスにも _確認 MySQL が追加されたことを

(10)

MySQL の接続情報を環境変数から参照

① ランタイムのアイコンを選択 ② 「ダッシュボード」右の矢印が上向きだったら　クリックして下向きに変更し、メニューを表示

③ 環境変数を選択

(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://(ユーザー名):(パスワード)@(サーバーアドレス):(ポート番号)/(データベース名)" } } ] } ※赤字の情報が後で必要になるのでメモ

(12)

WordPress 最新版の入手

• WordPress のダウンロードサイトから最新版を入手

• h3p://ja.wordpress.org/

•  ドキュメントルートに展開して、

_{wordpress
ディレクトリにリネーム}

• wordpress/wp-‐content/ 以下に uploads と upgrade ディレクトリを作成

• _{wordpress/wp-‐conﬁg-‐sample.php
を wordpress/wp-‐conﬁg.php
にリネーム}

して、以下の内容に変更

deﬁne(‘DB_NAME’, ‘（環境変数nameの値）’);

deﬁne(‘DB_USER’, ‘（環境変数usernameの値）’);

deﬁne(‘DB_PASSWORD’, ‘（環境変数passwordの値）’);

deﬁne(‘DB_HOST’, ‘（環境変数hostの値） : （環境変数portの値）’);

deﬁne(‘FS_METHOD’, ‘direct’); /* 追加 */

(13)

MySQLなどのモジュールを有効にするため

の環境設定

•  ドキュメント・ルートにフォルダとファイルを追加 •  フォルダの作成・・・フォルダ名 .bp-conﬁg •  ファイルの作成・・・上記フォルダ内に作成 •  ファイル名 options.json •  ファイルの内容 •  もう1つドキュメント・ルートにファイルを追加 •  ファイル名 composer.json •  ファイルの内容 {} 空の中カッコ {

"PHP_EXTENSIONS": [ "bz2", "zlib", "curl", "mcrypt", "mbstring", "mysql", "pdo", "pdo_mysql" ]

(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 部分は、最初に作成したランタイムアプリの名前

(16)

WordPress のセットアップ

(17)

WordPress の動作確認

② h3p://（ホスト名）/wordpress/wp-‐admin/ にログインして管理画面を確認 ① _{h3p://（ホスト名）/wordpress/ でアプリ画面を確認}

(18)

応用１　独自コードの追加

• DocumentRoot 直下に、以下の内容のテ

キストファイル

: phpinfo.php を追加

<?php phpinfo(); ?>

• cf ツールで再度プッシュ

• h3p://（ホスト名）/phpinfo.php にアクセ

スして、

PHP 環境を確認

(19)

応用２　phpMyAdminの追加

• DocumentRoot 直下に、 phpMyAdmin というディレクトリーを作

成

• phpMyAdmin をダウンロードして、上記ディレクトリーに展開

h3p://www.phpmyadmin.net/home_page/downloads.php

(20)

phpMyAdmin設定ファイルの編集

• phpMyAdminディレクトリー内の、conﬁg.sample.inc.php というファ

イルをコピーして、

conﬁg.inc.php とする

copy conﬁg.sample.inc.php conﬁg.inc.php

•  コピーしたファイルをエディターで編集

$cfg[‘Servers’][$i][‘host’] = ‘

MySQL

サーバーの

IP

アドレス

’;

$cfg[‘Servers’][$i][‘port’] = ’

MySQL

サーバーの

Port

番号

';

Localhost

から変更

(21)

cf ツールでデプロイ

• DocumentRoot のディレクトリに移動し、 cf ツールでプッシュ（デプロ

イ）

• > cf push dotnsf-‐wordpress

•  dotnsf-‐wordpress 部分は、最初に作成したランタイムアプリの名前

(22)

phpMyAdmin の稼働を確認

• h3p://ホスト名/phpMyAdmin/ にブラウザからアクセス

• MySQLの環境変数のユーザー名とパスワードを入力

(23)

(24)

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