====== Eclipse 2019-12のインストールと設定 ======
Version 4.14
--- //[[http://www.y2sunlight.com|y2sunlight]] 2020-03-05//
[[eclipse:top|Eclipse に戻る]]
関連記事
* [[xampp:top|XAMPP]]
* [[apache:top|Apache]]
* [[php:top|PHP]]
=== インストールするEclipse ===
* Eclipse 2019-12 --- PHP Windows 64bit版
----
===== Eclipseの入手 =====
[[https://mergedoc.osdn.jp/]] にアクセスします。
[{{:eclipse:2019-12:download01.png?nolink}}]
■ [Eclipse 2019-12]をクリックします。
[{{:eclipse:2019-12:download02.png?nolink}}]
■ Windows 64bit/Full Edition PHPの[Download]を押します。
[{{:eclipse:2019-12:download03.png?nolink}}]
■ リンクをクリックし、pleiades-2019-12-php-win-64bit-jre_20200213.zip をダウンロードします。
\\
ダウンロードしたファイル(pleiades-2019-12-php-win-64bit-jre_20200213.zip)を、解凍します。\\
本編では解凍したファイル(eclipseのみ)を以下に設置します。\\
【元】pleiades-2019-12-php-win-64bit-jre_20200213\pleiades\eclipse\*.* \\
【先】D:\usr\eclipse2019-12-php\*.* \\
> 解凍後のフォルダ内にある「xampp」は使用しません。
> [[xampp:7.3|XAMPP 7.3のインストール]]でインストールしたXAMPPを使用します。
\\
===== Xdebugのインストール =====
==== Xdebugのダウンロード ====
Eclipseを起動する前に、デバック環境を整えておきます。本編ではデバッガーとしてXdebugを使います。
まずは、ダウンロードすべき開発環境に応じたXdebugのバージョンを調べます。先にXAMPPでインストールしたPHPの情報を取得しておきます。コマンドプロンプトでphpinfoを出力しファイルに保存します。
{XAMPP Install Folder}\php>php -i > php.info.txt
以下のURLにアクセスします。
https://xdebug.org/wizard
[{{:eclipse:2019-12:download04.png?nolink}}]
■ 上で保存したファイル(php.info.txt)の中身をテキストボックスにコピー＆ペーストします。\\
■ [Analyse my phpinfo() output]を押すと、ダウンロードするファイル名と設置方法が表示されます。
[{{:eclipse:2019-12:download05.png?nolink}}]
■ リンク( php_xdebug-2.9.2-7.3-vc15-x86_64.dll )をクリックし、ダウンロードします。
> https://xdebug.org/download からダウンロードすることも出来ます。
==== Xdebugの設置 ====
ダウンロードしたファイル(hp_xdebug-2.9.2-7.3-vc15-x86_64.dll)を、以下フォルダにコピーします。
{XAMPP Install Folder}\php\ext
次にphp.iniの末尾に以下の内容を追加して下さい。
{{fa>file-o}} ''{XAMPP Install Folder}\php\php.ini''
[xdebug]
xdebug.remote_enable=1
xdebug.remote_host="localhost"
xdebug.remote_port=9000
xdebug.remote_handler="dbgp"
xdebug.remote_autostart=0
zend_extension = D:\usr\xampp7.3.15\php\ext\php_xdebug-2.9.2-7.3-vc15-x86_64.dll
※ デバッグセッションを自動スタートする場合は、xdebug.remote_autostartを1に設定します。
最後に、Apacheを再起動します。
\\
===== ワークスペースの作成 =====
本編では、ワークスペースを以下に作成します。
D:\usr\ws2019
\\
===== Apacheの設定 =====
=== httpd.confの編集 ===
httpd.confの末尾に以下の内容を追加します。
{{fa>file-o}} ''{XAMPP Install Folder}\apache\conf\httpd.conf''
# My project settings
Include conf/my-extra/*.conf
新しく、以下のフォルダを作成し、
{XAMPP Install Folder}\apache\conf\my-extra
その中に以下の内容で、ファイル(ws2019.conf)を作成します。
Alias /ws2019 "D:/usr/ws2019"
Options All
AllowOverride All
Require all granted
Apacheを再起動します。
=== 動作確認 ===
[[#ワークスペースの作成|先]]に作成したワークスペースに、以下のファイルを作成します。
ブラウザから以下にアクセスし、phpinfoが表示されれば、動作OKです。
http://localhost/ws2019/phpinfo.php
\\
===== ワークスペースの設定 =====
==== ワークスペースの選択 ====
Eclipseを起動します。
{Eclipse Install Folder}\eclipse.exe)
{{:eclipse:2019-12:eclipse00.png?nolink}}\\
{{:eclipse:2019-12:eclipse01.png?nolink}}\\
■ [[#ワークスペースの作成|先]]に作成したワークスペースを指定します。\\
■「この選択をデフォルトとして使用し、今後この質問を表示しない」をチェックします。\\
■ [起動]をクリックします。\\
■ [Eclipseへようこそ]のタブを閉じると、以下の画面になります。
{{:eclipse:2019-12:eclipse02.png?nolink}}\\
==== ワークスペースの設定 ====
プロジェクトを作成する前に、ワークスペース全体の設定を行います。
メインメニューの[ウィンドウ]-[設定]ウィンドウを開きます。
{{:eclipse:2019-12:eclipse03.png?nolink}}\\
以下を設定します。
=== [一般] ===
* [Web ブラウザー]
* [外部Web ブラウザーを使用]
* [Chrome]
* [ワークスペース]
* [テキスト・ファイル・エンコード][その他][UTF-8]
* [新規テキスト・ファイルの行区切り文字][その他][UNIX]
* [エディター]
* [テキスト・エディター]
* [行番号の表示][ON]
* [空白文字を表示][ON]
* [ワークスペース]
* [ビルド]
* [自動的にビルド][OFF]
=== [PHP] ===
* [インストール済みのPHP]
* [追加..]
* [名前] PHP 7.3.15 (CLI)
* [実行可能ﾌｧｲﾙ・ﾊﾟｽ] D:\usr\xampp7.3.15\php\php.exe
* [PHP ini ﾌｧｲﾙ] D:\usr\xampp7.3.15\php\php.ini
* [SAPIタイプ] CLI
* [次へ]
* [デバッガー] Xdebug
* [接続設定][ポート] 9000
* [完了]
* [サーバー]
* [Default PHP Web Server(ワークスペース・デフォルト)]
* [編集]
* [デバッガ―]
* [デバッガ―] XDebug
* [接続設定][ポート] 9000
* [完了]
* [デバッグ]
* [PHPサーバー] Default PHP Web Server
* [PHP実行可能ファイル] PHP 7.3.15 (CLI)
* [デバッグ転送エンコード] UTF-8
* [デバッグ出力エンコード] UTF-8
* [最初の行でブレーク][OFF]
\\
===== プロジェクトの作成 =====
メインメニュー[ファイル][新規][PHPプロジェクト]を選択します。
{{:eclipse:2019-12:project01.png?nolink}}\\
■ ここではプロジェクト名に[project1]を指定します。\\
■ [完了]ボタンを押して下さい。
{{:eclipse:2019-12:project02.png?nolink}}\\
\\
==== プロジェクト・エクスプローラーの設定 ====
デフォルトのままではプロジェクト・エクスプローラーが使いにくいので少しカスタマイズします。
プロジェクト・エクスプローラー右上のアイコンをクリックし[フィルターおよびカスタマイズ(F)...]を選択して下さい。
=== 隠しファイル(.*)の表示 ===
{{:eclipse:2019-12:project04.png?nolink}}\\
■ [プリセット・フィルター]タグで、[.* リソース]のチェックを外します。
=== ファイルのフルパス表示を解除 ===
{{:eclipse:2019-12:project05.png?nolink}}\\
■ [コンテンツ]タグで、[Zipアーカイブ]のチェックを外します。
> [Zipアーカイブ]のチェックを外しますとなぜフルパス表示が解除されるのかは不明。兎に角、フルパスは使い難い!!
\\
==== デフォルト・ベースURLの設定 ====
プロジェクト・エクスプローラ内の[project1]を選択して右クリックし、[プロパティ]を選択します。
{{:eclipse:2019-12:project06.png?nolink}}\\
=== [php] ===
* [デバッグ]
* [プロジェクト固有の設定を可能にする][ON]
* [デフォルト・ベースURL] /ws2019/project1
\\
===== プログラムの作成と実行 =====
プロジェクト・エクスプローラ内の[project1]を選択して右クリックし、[新規][PHPファイル]を選択します。
{{:eclipse:2019-12:project03.png?nolink}}\\
■ ここではファイル名に[hello.php]を指定します。\\
■ [完了]ボタンを押して下さい。
hello.php に以下の内容を入力します。
=== プログラムの実行 ===
プロジェクト・エクスプローラ内の[hello.php]を選択して右クリックし、[実行][PHP Webアプリケーション]を選択します。
{{:eclipse:2019-12:project07.png?nolink}}\\
■ 起動URLを確認し[OK]ボタンを押して下さい。尚、ここで初期表示されているURLは上の[[#デフォルト・ベースURLの設定]]に基づいています。必要に応じて変更できます。\\
■ ブラウザに「Hello World!」の文字が出ればOKです。\\
■ 同じPHPを起動する場合、このダイアログは最初のみ表示されます。\\
=== プログラムのデバッグ ===
{{:eclipse:2019-12:project08.png?nolink}}\\
■ hello.php内の「echo 'Hello World!'」の行にブレークポイントを設定します。\\
■ プロジェクト・エクスプローラ内の[hello.php]を選択して右クリックし、[デバッグ][PHP Webアプリケーション]を選択します。
{{:eclipse:2019-12:project09.png?nolink}}\\
■ 初回のデバッグでは、ブレーク後に上のダイアログが表示されます。[常にこの設定を使用する]をチェックして[切り替え]を押します。\\
■ 上で設定したブレークポイントに正しくブレークすればOKです。\\
> 一度デバッグで実行するとデバッグセッションが開始されるので、以降は[[#プログラムの実行]]と同じ方法でデバッグができます。デバッグを中止したい場合は、メインメニューの[実行][終了]を選択して下さい。