Zend Eclipse PDT をインストール

pdt ubuntu php LAMP開発環境構築

この記事は自分がLAMP開発環境を構築する目的で、 VirtualBox 仮想マシンの Ubuntu(32bit) に Zend Eclipse PDT をインストールした手順です。

前提

VirtualBoxでUbuntu Desktop 12.04 LTS(32bit)が実行できる仮想マシンが出来ているものとします。
その仮想マシンにapache2 と PHP がインストールされているものとします。
その仮想マシンに Zend Debugger がインストールされているものとします。

libswt-webkit-gtk-3-jni をインストール

Zend Eclipse PDT では libswt-webkit-gtk-3-jni がいるようなのでインストールします。
Terminal で次を実行します。

sudo apt-get install libswt-webkit-gtk-3-jni

インストールしないと Zend Eclipse PDT を起動したときに次のようなダイアログがでます。
https://b3oxka.blu.livefilestore.com/y1pfXcbZilb-KwZRumt-Olrt2QUm4x2Ycp1q00DVRHMmQ2BtVAgPuzuFTWtC_t41ECMfHbzNevZ7nJhRw6G95bjnCdvc2NlLy8_/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.53.32.png

Zend Eclipse PDT ダウンロード

こちらのサイトから
http://www.zend.com/community/pdt/downloads
Zend Eclipse PDT PDT 3.0.2 w/Eclipse Indigo (32 bit)
をダウンロードします。
ダウロードするにはユーザ登録が必要です。

Firefox が ダウンロード後、Archive Manager でファイルを開くか聞いてくるので、「OK」をクリックし、ダウンロードを開始します。
https://b3oxka.blu.livefilestore.com/y1peI_8v68Bem-W0e8nKu1pcgm-3TNEsES9TaNlOOHMCN7ncWrpxPZBzFsWs-523ZmXBIOamKzcFtieKoVNLQAE7628xzwNym9U/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.51.02.png

Zend Eclipse PDT を解凍する

ダウンロードが終わると Archive Manager が起動します。
これからダウンロードしたファイルを解凍します。
「Extract」ボタンを押して解凍します。
https://b3oxka.blu.livefilestore.com/y1pG20kA0OK8wW1ntZj_gG9aCM3gAtvL5eImuarxQNfBnWe2U5CkahO4MF8ksWJ5XCOLFXhGelWazGAC8n9K_fW7kRGXOTqMrEc/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.49.38.png

解凍先を指定するダイアログが開きます。
規定でログインユーザのホームディレクトリが表示されると思います。
そのまま「Extract」ボタンをクリックし、そこに解凍ます。
https://b3oxka.blu.livefilestore.com/y1p0c849kfApPwu3kKzZH25fh4SugLiCOKCN8TOSAujnM1bygOvHgq4Ib8a-LVR3l5uq2HolxCjB8kSQo3Mm7xLI2yW3aNNtL4_/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.49.54.png

解凍が終わったら「Close」をクリックします。
https://b3oxka.blu.livefilestore.com/y1pgkZEIT3kXJLWTlavg93M5jbHv5_9j2f5hfFiHxJ4o_g0ca-Qg5f_uyKmB9EQ7fjONxDnnGxSM8w6wlPith9TjGJO0ERi9vID/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.50.07.png

Zend Eclipse PDT を起動する

ダウンロードしたZend Eclipse PDT を起動してみましょう。
まずはホームフォルダを開きます。
https://b3oxka.blu.livefilestore.com/y1p_gsc7LEcMZ7PCUqgtZWdXSWDSWS_y97U3U40A_TFw5C3NBWE3MOYYNvo0gOAMKeGZVnEr4IwhPM6lbBd6-jMIxEd9nqK9L3i/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.52.16.png

続いてダウンロード、解凍した eclipse-php フォルダを開きます。
https://b3oxka.blu.livefilestore.com/y1prZ3762gkAu5msiZI-eDVs63zzK8yzli_Ji2vFElNDuKGcilsuLWriNNSpOrxdaDjXDWqEkI44gl_oK93_zueDT7xjVzz6iUy/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.52.34.png

eclipse-php をダブルクリックします。
https://b3oxka.blu.livefilestore.com/y1p5BGjhWmYmpHn-HNjmY44hGsYaXJaddwTZHK-C-RDO0i-8xAgR7fwVGOVzazdlAiXE-YcJV9yWK_ntgEyl-IKnkwjQXJrqpG6/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.52.50.png

ワークスペースの位置を聞かれます。
まずは規定値で「OK」をクリックします。
https://b3oxka.blu.livefilestore.com/y1pdqHmCthz8NWDnB_fh9cNajqhTh9yAu5crrS0LDxdY9jkG05w1WcExDIPvA8i3UuTDRX7rhsES8K9S55DOTVGeXsQhJtECBDe/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.53.06.png

eclipse-php が起動しました。
https://b3oxka.blu.livefilestore.com/y1p-dMJi6eI4BY64UTZCcSPt_Cj9JjljJfBa9Yjzk2PuZvjLuUaB5pqd0H4y_Oj-enY6gU7rW30TdT4G0WWcSj3VrWRmfuXV1Jm/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.56.58.png

Hello, World を表示する

プロジェクトを作って、Hello, World! を表示してみましょう。
まずはプロジェクトを作成します。
画面上部のメニューから「File > New > PHP Project」をクリックします。
https://b3oxka.blu.livefilestore.com/y1pUlC6taWH3wzbuoflUm3Fj-qhQhEXz2zSrhhza9NyFVY2yw-4PJMayA8VJGY9ba_uArVak_W3WNc-AsitzkXNfGkpdwccNlId/2012-08-16%2014.57.49.png

「Project name:」 に 「test1」と入力し、「Finish」をクリックします。
https://b3oxka.blu.livefilestore.com/y1pPcWqBPOV5AZ1AvQF2rEBA5sc67yJMgAu7fVkhWtD6Z8Ta1cDdlEsVl5ue71g7ERNhggeGLyygqeRpYcL1MTiDsjCIkKtIOYu/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.58.12.png

つづいてソースファイルを作成します。
eclipse-php の左上の「test1」のディレクトリのアイコンを右クリックし、
「PHP File」をクリックします。
https://b3oxka.blu.livefilestore.com/y1ppwyH8xIc7KsDOF4KC1IL3VB_MkRrBfhSUoOUGREyVmVFkhQLtWXyhdCFkIRkH_FntcPXXco_lJfj2gJNPaZvxk1YJ7lBCpot/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.58.44.png

「File Name」を「p1.php」として「Finish」をクリックします。
https://b3oxka.blu.livefilestore.com/y1pWJido-UnAK99xX9Y__toFdrwuqdm1PKkAhtGeJU-_-SUyzDetn-lkQco9JXrzRotZn38ze0dVRb6rNhQxwtqyYZ2LGvGfCnc/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.59.15.png

p1.php に次のコードを貼付け、保存します。

<?php
echo "Hello, world!";
?>

https://b3oxka.blu.livefilestore.com/y1plVcpkeJX3qxizIp9lvxLoGs_5dbnvD8_L2uCnGuTvVV2ojcDskj9ciu9nwectL04ngfFXBTigsQ5rFr98iz1w2YItXns-X5f/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2014.59.54.png

左側のツリーから「p1.php」を選択、右クリックし
「Debug As > 1 PHP Web Application」をクリックします。
https://b3oxka.blu.livefilestore.com/y1plVcpkeJX3qzZl51Qw8yPwFbr1abjXCjNaWm9sLnwybzsGvdrSAvm3MZffSIEZ_BmK0hv5xhTRquDJEzRpEghE556m5E5b9cb/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2015.02.32.png

ここで Debug 対象の URL が聞かれますが、
プロジェクトのディレクトリが apache2 が公開するディレクトリにまだ関連付けられていません。
一旦、このダイアログを開いたままにします。
https://b3oxka.blu.livefilestore.com/y1pv50wkMxEOWjXVG8Y7MMLeFACfLE-c5aovSrLzhvJ1b0oYo5QeGN28i_q3hy0fJpEvHM2DtJyJruh9VtqAAZLtBB2y2oJpPpD/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2015.02.51.png

「http://localhost/test1」で「~/eclipse-php/workspace/test1」が参照されるようにシンボリックリンクをはります。
Terminal を開いて、次のコマンドを実行します。

sudo ln -s ~/eclipse-php/workspace/test1 /var/www/test1

そして先ほどのダイアログに戻り、「OK」をクリックします。

パースペークティブの切り替えを確認してくるので、とりあえず「OK」します。
https://b3oxka.blu.livefilestore.com/y1p1LlAtNszWR_qQ-ouTXWmj_Yb1f5Be0fFBBbDQrB_Hdx-or0ywpq71n7lQk35x4CeMzQZyQeaJ9_TjyecE13yK7cbajKSbd1U/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2015.03.11.png

デバッグ実行が開始され、最初のステップで停止しました。
https://b3oxka.blu.livefilestore.com/y1pyLdFde8P_dskcg2OL9riAALz5drLXZ4b8frLhijHKOlFVMIWCvBU9I83n8j5C6aEbtzIwM6PsIFlwajpRZCxhrFx1GbcECIz/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2015.03.29.png

停止している実行を再開しましょう。
画面の上の方にある「Resume」ボタンをクリックします。
https://b3oxka.blu.livefilestore.com/y1p49EeqhnwtnEGYWyoFRMkvFyQF42Jxv2B-Nb_AABX-8KkEPyo0LVFexO8B03H11RUTiJat3RH4GUwVjljJcV5UUdsWDeKMwPm/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2015.03.58.png


再開すると実行が終了しました。
画面上段の「Debug」タブをみると「<terminated>」になっています。
画面中段の eclipse埋め込みのブラウザを見ると「Hellow, world!」と出ています。
画面下段の「Browser Output」にも「Hellow, world!」と出ています。
https://b3oxka.blu.livefilestore.com/y1pNaJEuMPi9u3HkwQQ2KV5HC5D-RGKDGVCvA_lW_aNU4kRYh-WMvKlOLH4Qh3m24GG5vzeBSt928y0wkUT2d7RgR8gcrYD0LM8/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202012-08-16%2015.05.36.png

手順は終了です。