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

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


摘要

由於自由軟體的盛行,許多軟體以開放源碼(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