首頁‎ > ‎電子期刊‎ > ‎2006 年 12 月號‎ > ‎

OpenSource開發環境設定(上) 出自台灣中等學校資訊管理人學會

內容

  1. 1 摘要
  2. 2 前言
  3. 3 安裝Eclipse
  4. 4 安裝Eclipse的PHP Plug-In
  5. 5 設定Eclipse中的PHP開發環境
  6. 6 讓Eclipse支援PHP除錯
    1. 6.1 安裝除錯伺服器端模組（PHP Debugger）
    2. 6.2 安裝除錯客戶端

摘要

由於自由軟體的盛行，許多軟體以開放源碼（Open Source）的方式釋出，相信大部份人接觸自由軟體的原因是其免費並且可任意修改及散佈；然而一般的使用者常僅限於使用自由軟體，而非自由軟體的貢獻 者。在本文中介紹如何架設Open Source的開發環境，讓讀者不只能使用自由軟體，更能有機會修改自由而符合所需，更甚至於貢獻給廣大的自由軟體社群。

  • 文章編號：13
  • 投稿日期：2006/10/31
  • 作者：張騉翔
  • 第一次審查：吳佳湖 2006/11/29 15:58 (CST) ，黃耀明 16:59 2006年Nov29日 (CST)
  • 第二次審查：
  • 第三次審查：
  • 備註：
    1. 建議增加結語做為文章的結尾 吳佳湖 2006/11/29 15:58 (CST)00

前言

相信大部份的程式開發人員都有使用過PHP或Java來寫過程式，或者是運用網站上的Open Source軟體，例如Wiki、Moodle、WordPress…等；由於Open Source風潮的盛行，使得大家能用到相當多免費的軟體，某些在品質上亦不輸商業軟體，Open Source最大的好處之一莫過於能夠自行修改程式碼以符合自己的需要，或是也能貢獻於Open Source的專案，回饋給社群。

在本文中將會討論如建置Open Source的開發環境，以Eclipse開發環境及PHP語言為例，示範如何在Eclipse中設定PHP語言並能除錯。在未來的章節亦會介紹如何在 Eclipse中的環境來簽出及簽入專案，以打造完整的Open Source開發環境。

會選用Eclipse的原因，主要它本身也是Open Source軟體，Eclipse原本由IBM所開發，在2001年開放成Open Source軟體；Eclipse經過數年的發展，已成為相當成熟的開發工具，有許多的Open Source軟體是在其上進行開發，IBM公司則是所有產品線在Linux+Eclipse+Java上開發。與其說Eclipse是軟體開發工具，倒不 說它是軟體開發平台，因為其本身開放的特性，故不只可在其上撰寫其最初支援的Java程式，亦可撰寫如C++、C#、PHP…等語言。

安裝Eclipse

Eclipse網址為http://www.eclipse.org，可在下載頁面找到最新的版本，目前為3.2.1；由於Eclipse是由Java語言所撰寫而言，所以在電腦上需有JRE（Java Runtime Environment），亦即執行Java程式的環境，最新的JRE可以至http://java.sun.com上下載。

在安裝好JRE後即可下載Eclipse，下載為一壓縮檔，解開後點選Eclipse.exe即可執行使用；可以說沒有什麼安裝步驟，相當 容易，若習慣放置於一般的程式安裝目錄，亦可解壓縮至C:\Program Files\的目錄，然後將Eclipse.exe設在開始程式集的捷徑中。

安裝Eclipse的PHP Plug-In

要讓Eclipse支援PHP語法，需外掛Eclipse的PHP模組，在Eclipse中稱為Plug-In；以下為安裝的步驟：

  1. 在Eclipse的功能選單中選擇Help-->Software Updates-->Find and Install...
  2. 接下來選Search for new features to install，然後按[Next>]
  3. 然後可以看到[Update sites to visit]的畫面，有許多的更新網站可以選擇，在此我們要新增一個網站，點選[New Remote Site...]然後在Name打入PHPeclipse Update Site，而在URL打入http://phpeclipse.sourceforge.net/update/releases/
  4. 按[OK]後回到畫面，然後在[Sites to include in search]中只將剛才建的[PHPeclipse Update Site]打勾，再按下[Finish]。
  5. 接下來若正確連到網站，看到畫面可以選擇鏡像網站（Update Sites Mirror），請選擇最接近地區的，然後按[OK]。
  6. 然後可以看網站可以更新的套件有哪些，將所需的選擇起來，然後先選取[Select Required]然後再按[Finish]。
  7. 出現版權同意畫面，閱讀過後點選「I agree」，然後選擇[Next>]。
  8. 接下來按下[Finish]，然後Eclipse就會開始下載套件然後安裝。
  9. 在下載完後要安裝時會提醒下載的套件沒有數位簽章，此時仍是按下[Install All]。
  10. 在安裝完後會提醒是否要重開Eclipse，請選擇[OK]。

以上的步驟看來煩瑣，不過藉由線上安裝更新的方式，算是相當地方便；若有其他的Plug-In需安裝也是如上的步驟，或是將Plug-In檔案直接複製到安裝Eclipse的plugins目錄；若需要尋找更多的Eclipse Plug-In可以參考以下網站。

http://www.eclipseplugincentral.com/

http://eclipse-plugins.2y.net/eclipse/index.jsp

設定Eclipse中的PHP開發環境

在安裝好了PHP的Plug-In後，接下來我們要設定Eclipse中的PHP環境。

  1. 進入Eclipse的環境後選擇Windows下的Preferences選項。
  2. 在General->Content Types的選項下，選擇PHP Source File；然後在右邊中間選擇[Add..]將*.html加入。
  3. 在General -> Editors -> File Associations的選項下，增加*.php的型態至上面的列表；然後選擇*.php，確認下方所顯示的Associated Editors其預設為PHP Editor。
  4. 有些專案在html當也會包含PHP的程式碼，若是如此，如同前一點，也增加*.html的型態到列表中，然後也確認其預設的編輯器為PHP Editor。
  5. 接下來選到PHPEclipse Web Development的大項來針對PHP的部做詳細設定。
  6. 將PHP External Tool下的Apache、MySQL、XAMPP設定好相對應的路徑。
  7. 將Project Defaults下的localhost及Document Root做正確的設定，例如筆者的設定為http://localhost以及E:/ChangKH/xampp/htdocs。
  8. 將Browser Preview Defaults所有的選項關閉。
  9. 將PHP子頁面其Appearance的Displayed tab width設為4。

以上的設定最主要是步驟1到步驟7，讓在Eclipse開啟PHP檔案時能啟動相對應的Editor以及Browser；並且指定對應的PHP環境執行檔好在Eclipse中能執行PHP的語法。

讓Eclipse支援PHP除錯

在設定好讓Eclipse支援PHP語法後，接下來設定在Eclipse中能夠支援PHP的除錯，在執行時期能夠設定中斷點並觀察變數；若讀者只是要單純的讓Eclipse支援PHP語法編輯，此部份可略過不用設定。

要讓Eclipse支援PHP除錯，基本的觀念為要安裝PHP的除錯延伸模組，以及在Eclipse中也安裝PHP的除錯模組，前者為伺服 器端，後者為客戶端；當執行某個PHP網頁時，PHP的除錯延伸模組可以擷取到變數資訊，並傳回給Eclipse的客戶端以顯示在介面上。

安裝除錯伺服器端模組（PHP Debugger）

  1. 在此網址http://dd.cron.ru/dbg/downloads.php 下載PHP Debugger；請選擇DBG 2.13.1 dbg modules。
  2. 下載好modules後，裡面可以看到各種PHP版本的dll，解壓縮後在i686的檔案中找到php_dbg.dll-[PHP-version]再將名字改為 php_dbg.dll。
  3. 將php_dbg.dll拷到PHP的Extension目錄，例如筆者的是E:\XAMPP\xampp\php\ext。
  4. 接下來修改php的設定檔，一般會放置於Apache的bin目錄下，例如筆者的目錄是E:\XAMPP\xampp\apache\bin\php.ini。
  5. 將implicit_flush=Off改為On，並在php.ini最後面加入下述設定；改完後再重新啟動Apache。 
 
 [debugger]
 extension=php_dbg.dll
 debugger.enabled=on
 debugger.profiler_enabled=on
 debugger.hosts_allow=localhost
 debugger.hosts_deny=ALL
 debugger.ports=7869, 10000/16

在安裝完伺服器端的PHP Debugger，很重要的是測試其是否安裝成功，讀者可以隨意在放置PHP文件的目錄下開新一個網頁，並打入如下的程式來偵測PHP的相關資訊： 

 
 <?php 
  phpinfo();
 ?>

若有出現以下的字句，即代表安裝成功伺服器端的PHP Debugger。 

 
 This program makes use of the Zend Scripting Language Engine:
 Zend Engine v2.1.0, Copyright (c) 1998-2006 Zend Technologies

安裝除錯客戶端

首先要設定在Eclipse所開啟的PHP專案程式碼能需為Apache的虛擬目錄，在Eclipse的PHP Web Browser才能執行並設中斷點；請修改Apache的http.conf來增加一個虛擬目錄。
 
Alias /eclipse "c:/<path_to_eclipse_parent_directory>/eclipse/workspace/"
  <Directory "c:/<path_to_eclipse_parent_directory>/eclipse/workspace/">
     Options Indexes MultiViews
     AllowOverride None
     Order allow,deny
     Allow from all
  </Directory>

  1. 接下來在Eclipse中設定預設的虛擬目錄，請選擇Windows->Preferences下的PHPeclipse Web Development->Project Defaults；並將localhost設為http://localhost/eclipse ，而DocumentRoot設為上述設的Eclipse Eclipse位置。
  2. 若您的專案直接建在Apache預設的虛擬目錄，則不用改http.conf檔案，只需將localhost設為http://localhost/ ，而DocumentRoot設為預設的虛擬目錄其實際的檔案路徑。
  3. 接下來實際測試除錯的功能，請先開啟PHP的專案，在Eclipse 上面有隻小蟲蟲的圖，點右邊的下拉鍵頭->選 Debug->PHP DBG Script->New於 Name 寫 PHPDebug。
  4. 再來點 Enviroment -> New -> 輸入PHP執行檔的路徑，例如D:\XAMPP\xampp\php\php.exe。
  5. 再點 Remote Debug -> 勾選 Remote Debug 再點選下放Debug。
  6. 於程式中設定 Debug point: 在要設定的地方最左邊用滑鼠點兩下。
  7. 按 F11 就會進入 Debug 的畫面，於Debug 的畫面時, F8 是執行下一步(一步一步執行)的意思, F6 是執行下一個 Debug 的 Point。
Comments