仮想マシンの起動
KUSANAGIのインストールが完了すると、TERATERMなどのクライアントアプリでゲストOSに接続できるようになります。
接続に指定する情報は下記の通りです。
ユーザ名は vagrant ポート番号はVagrantfileに設定した番号です。上記の例では 12222。パスワードは vagrantです。
システムのアップデート
クライアント端末でゲストに接続が完了すると、すでにチューンアップされたLAMP環境が立ち上がります。
まず最初にKISANAGIユーザーからルート権限を持つスーパーユーザに切り替えます。
sudo su -
KUSANAGIコマンドによる初期設定を行う前に、まずCentOSやKUSANAGIシステムのアップデートを yum を利用して行います。
次のように入力し、アップデートを開始します。
yum --enablerepo=remi,remi-php56 update -y
KUSANAGIの初期設定
次に初期設定を行います。OSやデータベースなどの各種初期設定です。
GUIでKUSANAGI のINITコマンドで必要な情報を対話型で設定できます。あとから変更したい場合も、INITコマンドのオプション設定で個別に変更もできるので安心です。
kusanagi init
タイムゾーンを設定します。
使用する言語を設定します。
キーボードを設定します。
WEBサーバーの種類を選択します。
PHPのバージョンを選択します。
RUBYのバージョン、データベースを選択します。
データベースのパスワードを設定します。
デバッグ環境の設定
せっかくローカル環境で開発しているのですからデバッグ環境は完ぺきにしたいです。
私はチェコにあるjetBrain社が開発したPHPSTORMというIDEを使っていますが、オープンソースのECLIPSEをつかうにしろなにをつかうにしろデバッガがないとあるとでは作業効率は全く違います。
XDEBUGのインストール
最新のXDEBUGはPHP7以上をサポートしています。KUSANAGIはPHPバージョンを設定可能で、内部で複数のバージョンを持っています。そのためなのかPHP7を選択していたとしても最新のXDEBUGをインストールしようとするとエラーになってしまいます。
強制インストールのオプションをつけても同じで、結局php5.6をサポートしているバージョンまで落としてインストールすることにしました。
KUSANAGIコマンドでPHPのバージョンを5.6に切り替えます
kusanagi php-fpm
説明：php-fpm(PHP5)を使用に切り替えます。既にphp-fpm を起動しているときは、php-fpmを再起動します。
pecl install --force xdebug-2.5.5
php5.6をサポートしているxdebugのバージョン2.5.5をインストールします。
最後に次のようなメッセージが表示されていればOKです。
Build process completed successfully Installing '/usr/lib64/php/modules/xdebug.so' install ok: channel://pecl.php.net/xdebug-2.5.5 configuration option "php_ini" is not set to php.ini location You should add "zend_extension=/usr/lib64/php/modules/xdebug.so" to php.ini
※太字の部分のコードをPHP.INIに追加します。
PHP.INIの設定
PHP5.6とPHP7ではphp.iniの置き場所が違いますので注意して設定します。
PHP5.6は/etcにphp.iniがありますので、vi等のエディタで編集します。
vi /etc/php.ini
ファイルの最後にXDEBUGの設定ブロックを追加します。
一行目はXDEBUGの置き場所を指定するため必ず必要ですが、あとは必要に応じて設定します。
ここでは、PHPSTORMでのリモートデバッグ用に設定してあります。
よくある間違いはポートの設定忘れでこれが合っていないといつまでたってもデバッグできません！
[XDebug]
zend_extension=/usr/lib64/php/modules/xdebug.so
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
; 709行目(PHPサーバにリクエストを送る側のIPアドレスです。 $_SERVER['REMOTE_ ADDR']で確認できます。
xdebug.remote_host = 192.168.33.1
;xdebug.remote_host = "localhost"
xdebug.remote_port = 9001
xdebug.idekey="PHPSTORM" ; PHPStormとのセッションクッキー名（不要）
xdebug.remote_log = "/home/kusanagi/sinceretech/log/xdebug.log"
こちらの記事がたいへん参考になりましたm(__)m
[blogcard url=”https://qiita.com/castaneai/items/d5fdf577a348012ed8af”]
PHPSTORMの設定
次に、先ほどAPACHEに設定したXDEBUGを使用して、PHPSTORMでリモートデバッグをするために必要な設定を説明します。
メニューバーから”RUN”->”Edit Configurations…”を選択します。
次に左上の”＋”記号をクリックして、”PHP Remote Debug”を選択します。
次に、Confiturationの下のFilter Debug connection by IDE key にチェックを入れます。
そうすると、サーバーとIDE KEYの入力が有効になるのでこちらを設定します。
SERVERは未登録のはずですので、右横の”…”ボタンをクリックします。
そうすると以下のような、サーバー登録画面があらわれますので、Hostにデバッグ対象のホスト名（Vagrantfileに設定したIPアドレス）およびポート番号を設定します。デバッガにはXDEBUGを指定します。
次に、”Use path mappings”にチェックを入れて、左側にVagrantの共有フォルダのホストPC側のパスを、右側はゲスト側のパスを設定します。
最後に、メニューバーから”Setting”を選択して、Language&Frameworks->PHP->Debugの設定画面を開きます。
真ん中から下あたりのXDEBUG関連の設定の中に、”DebugPort”があります。
ここにphp.iniに設定した”xdebug.remote_port”のポート番号を、設定します。
以上で設定は完了です。
デバッグできるかどうか確認しますので必ず通ると思われるところにブレイクポイントを置いてください。
次に、画面右上の電話のマークのアイコンが有効であることを確認してデバッグアイコン（虫の形のアイコン）をクリックして受信待ちにします。
準備ができましたら、ブラウザからVagrantのIPアドレスをたたきWordPressを起動します。
デバッグ設定が正しく行われていれば、ブレイクポイント行でプログラムが停止して、ブレイクポイント行にカーソルがあるはずです。
PHPSTORMのデバッグはショートカットコマンドが便利です。
こちらにショートカットコマンドの各機能をまとめていますので、よろしければご覧ください。
[blogcard url=”https://farm-navi.net/phpstorm/”]
検証
以上でKUSANAGI FOR VAGRANTでWORDPRESSをローカル環境に構築できました。
環境構築のしやすさと構築にかかる時間は、Vagrantの恩恵を受けているとはいえいままでLAMP環境の構築とWordPressのインストールと調整にかかる時間を考えたら圧倒的に簡単になりました。
では動作速度はどのくらい早くなっているのでしょうか。検証してみました。
検証方法
今回KUSANAGI FOR VAGRANTで構築したWORDPRESS環境と、いままで使用していた同じ環境かつ同じバージョンのWORDPRESSを同時に起動します。
仮想マシンを起動直後から3回それぞれログインから管理画面表示にかかった時間を計測しました。
検証結果
検証結果は以下の通りでした。
| KUSANAGI WordPress | Plane WordPress | |
|---|---|---|
| 1st | 12 sec | 48 sec |
| 2nd | 10 sec | 24 sec |
| 3rd | 10 sec | 24 sec |
今回は負荷の高い環境でのテストでしたのでそれぞれ時間がかかっていますが、KUSANAGI版は初回からほぼ10秒で安定したスピードを維持していました。実際にこの環境でプラグインのデバッグをしてみましたが、今回の検証結果以上に速さが実感できました。特にデバッガを使って負荷がかかってきたときに、いままでは突然すごく遅くなるといった現象が出ていましたが、それがなくなり安定してデバッグをできるようになりました。